Transcript

00:03 it must have been god been up to saw 90ish curious did you all get an alert from zoom saying this meeting is being live streamed yes i just came up uh okay meeting is
00:17 now streaming live on custom live streaming and service so what's cooking everybody fighting
00:31 talk yeah just having my post-test success drink oh yeah oh boy
00:44 what is that what are you drinking whiskey with a little coke oh okay whiskey and coke huh whiskey and ginger oh oh that sounds that's good i like whiskey general ginger beer is
00:58 good too i call that a ryan ginger here is that what they call it over there what orion ginger what yeah ginger ale and whiskey
01:15 crown royale and ginger ale that used to be my go-to for a long time oh yeah that's that that's good yeah hello hello everybody hello hey how's it going really i'm good thank yourself
01:30 great good seeing some of you guys haven't seen some of you for a while thanks for coming on i appreciate it i'll admit i don't really have much of an agenda today um
01:43 i've been uh kind of we're going all over the place past few days it's been uh been crazy um working on everything total cms2 been making progress on that which is fun um and uh planning
01:56 and testing things out with that it's been interesting don't have anything to really show you guys yet um so uh but yeah we'll definitely show you guys uh especially probably on friday hangouts will be the people that
02:09 probably first get to see glimpses of that for those that attend friday hangouts this friday is my birthday joe so have some time well saturday not today no not today today
02:22 but saturday if you want to get me something nice for my birthday a little sneaky nice actually tomorrow i i also have a hangout for foundation
02:36 seven but on not on the river stack side it's on the code side um just kind of meet some of those users and chit chat about um what's going to happen there and that's going to be foundation 7 is
02:48 going to be very different in terms of under the hood the technology behind it's going to be very very different it'll be be moving all to the latest and greatest stuff
03:00 um so yeah i'm excited about that um yeah is it going to be about a grade to go to see that um probably not i mean it could be fun um i
03:13 i'm not sure to be honest i you know it'll be interesting to meet i don't know what level of users are going to join obviously they're going to be since they're using the framework it will be hand coders right but i'm not sure that the mix of users that it will be
03:27 what type of you if they're freelancers that probably i'm assuming it's probably a mixture of maybe some freelancers maybe some people that work for corporations i mean it's used by a hundred hundred three hundred thousand developers around the world
03:42 so um and it's very widely used um framework so it'll be interesting to see um it'll be interesting to see how many people join as well um i will be recording it so if anyone wants to just kind of peruse through the recording later on
03:55 you can do that too i'll post it probably to the community just for fun in case everyone anyone wants to watch it yep what's your involvement with that joe you're the guy that runs it all like the foundation yeah i'm i'm i'm the
04:08 lead guy for it yeah okay that's what i thought i i own it wow yeah for a while we tried to be they tried to be like 100 open source in terms of because it is open source software but
04:23 try to be like community driven right where you know there are 20 or they try to get hundreds of people's feedback and integrate and get you know and that just i i don't see that as being a viable solution for anything when you have a
04:36 hundred cooks in the kitchen trying to cook the dish um nothing ever gets done right you need to have and um you know some people left the project because you know i i took it over and
04:48 and i didn't really like that philosophy and i'm like you need to have somebody at the top making the decisions not everything can be a community community-based decision so um there are just some decisions that
05:01 i felt needed to be made and i made them um and since i was the official owner of it now i get to do that um but anyway yeah you know you can't have everything be a a pure
05:16 a pure democracy never works right um so yeah that's cool okay so i actually like i had one i had a hangout for them last month don't mean to
05:29 talk about this yeah i just want to talk about something else before i don't know but um so last month i had one but i messed up the zoom meeting remember chris and uh yeah i ended up no one ever ever joined because i had messed up the
05:43 zoom meeting and um so yeah hopefully this month people actually join and i was like man that guy he invited me and then yeah and then he rejected me
05:56 oh well he's a jerk man okay so uh getting back to stack stuff has anyone played with the new um let's see two big point nine releases i can probably send an email about it today to the rest of the world about
06:09 foundation 6.9 and total cms 1.9 so last week was the dot 9 releases some cool stuff um was it was last week's last week's live stream i did the color stuff right was that last one
06:24 yeah has anyone played around with it like it hate it i saw some people on the on the community they didn't think it really worked for them their workflow um but that's okay you know if it doesn't work for you you can uh
06:36 easily not use those features right which is kind of cool um so it's not forced upon you but the idea of using these custom colors is pretty cool um and then total cms 1.9 um
06:51 is we have import ability now so um i just got noticed from someone yesterday that they're they're doing working on a project that they're gonna import was it 50 or 60 blog posts using the import utility so that'll be kind of cool um see how that works
07:04 out um because yeah it can definitely be tedious um i feel bad i should have had this years ago i should have built this utility years ago but um yes at least now we can you can now if you're migrating a client from a
07:18 wordpress site which i think this person is um you can export those blog posts to a csv file in wordpress and then uh you can import them into total cms now so um with a little
07:30 bit of price csv massaging you have to make sure the headers on the csv file are specific or whatnot but it's pretty simple um so yeah if anyone wants to see any of those things i can kind of give a quick overview
07:42 of that import process if anyone's curious i wouldn't mind seeing you do it not honestly because i'm okay i'm adding it to my project to import the contacts
07:55 let's uh let's get some recording going let's get um screenshots right
08:21 so um actually i guess before well maybe i have this oh this is not even the this one
08:44 all right and this is completely once a walk will start from scratch it's fine um
08:56 whoops that's not what i wanted and i'm just fat finger stick typing all the wrong keystrokes
09:11 all right so you have to know the url to the import utility um there's no stacks for this there's nothing that you can add to the page it's just knowing the url okay and uh the url's in the release
09:23 notes um but it's rdb common plugins stacks total cms total import.php
09:37 okay and i will put this in the chat there we go all right um so obviously that url is the url to my to my test server so you'd replace your domain name
09:51 you know with uh with yours okay um next up the directions for it are here pretty simple okay so here's a link to a sample csv file so we can download that
10:06 and if we open that we'll see that this particular one has oh it only has two blog posts in it okay um and then we have to make sure the very first row in the csv file is all the various
10:18 names of the blog attributes okay um now one thing this this does not import images or galleries okay so it's text only at the moment
10:30 okay so um and i know a lot of people use blog not as a blog right so you'd have to map whatever you're using the summary field for put in whatever you're using that for right so um you know so you got to make sure that
10:43 all these are are mapped properly okay um and as you see you can't have html so i know like you know wordpress a lot of the blog posts are obviously done in html so
10:55 um in this demo example i do have html in this csv file so we can see that as well okay it's really small and simple but this particular one does use html just to show you that it's possible okay um so now that we've created our our
11:10 import.csv file we need to upload it okay um and we need to do that with okay so i use transmit
11:26 the live stream out and have a separate video for it um okay so uh we're gonna go to my website and then we're gonna go into the
11:40 cms data folder okay so cms data is where all your total cms data is and all you're gonna do is upload that import file there okay and it needs to be named total import.csv do not rename the file
11:54 it needs to be named exactly that you'll see that there's a few others here that have time stamps on them because those are previous imports that i did obviously i was testing okay um so after i import the file um i don't delete the import the file um i don't delete the file i just
12:08 rename it so that in case you wanted to have access to that later on you can still see it and that's a a unix timestamp um on every file okay um okay so now that i have that csv
12:20 file there okay i go back to my import utility okay and then i i need to give this cms id of the blog that i want to import this csv file into
12:35 okay so um we could either choose a completely new cms id so if you want if you're starting a new blog you can put in a new cms id or you can actually import into an existing blog okay which is pretty interesting so
12:48 either you can you know choose if we go to the blog folder and cms data we'll see that i have a bunch of blogs here okay i can import into an existing one or create a new one um in this case let's create a new one
13:01 okay so i'm gonna go ahead and type um let's call it live stream okay and i'm gonna click so again this is the cms id of the blog that we're importing it into so once i type that in i'm gonna say import csv
13:16 click the button and we're done okay so if we go to if we go to the server again uh let's refresh you'll see that i have a live stream folder and there's all the blog posts and site maps and rss feeds automatically generated for the blog
13:30 posts that i just imported pretty cool okay now just to show you that it imports and it works and everything like that let's go ahead um let's just minimize that in case
13:44 completely blank project let's see what i have in here it's completely blank okay so let's go into total cms let's add an um admin core to the page
13:59 and let's add a admin blog list okay it's just to show you that things are working um i don't need a license for now we're just listing out uh and then the cms id we're gonna have to change that so that was what
14:14 live stream oops live stream okay so i put the cms id in my admin blog list of live stream and when we preview this we should see two blog posts the blog post that we just imported
14:28 okay so obviously i mean if you were to set up a form page like i don't have a setup you can click on this and it would edit that blog post and all that jazz right so um just to show you that the data is there all the categories and tags and stuff that were added
14:42 this particular one was set to be um a draft this one was said to be a featured right so um it's 100 there now later on if you wanted to um because it doesn't import galleries or images
14:55 um you would then uh you know set up the form page click on this and then you can upload the images after right so um yeah it would be great maybe eventually we'll have probably total cms2 will have the ability to import
15:07 images and text okay but um at least for now this will save us hours and hours of copy and paste which i know some people do right um so that's pretty awesome any questions
15:21 um that's great it's pr hopefully it's pretty simple yeah okay um i do recommend using uh yeah okay um i do recommend using uh this is uh i don't even know if this app's on the app store anymore
15:34 it's an app just for csv files i know like we have numbers in excel that you can then create a spreadsheet and then export to csv i just find dedicated csv editors to be a little bit better um so this
15:46 one's called csv editor um i i got it on the app store i'm not sure if it's even on the app store anymore though so um right now joe one question
15:59 yes in future would it be possible to update an existing uh total cms database yes so um for right now um you can like i said you can't import um
16:13 into an existing blog and if any of the um data that's in this csv file contains an existing so if you notice in the csv file there's permalinks if um this permalink existed in a in a
16:27 blog that you're importing into the data in the csv file will overwrite that data okay um now as of right now um will overwrite it'll probably even overwrite images
16:40 i i'm thinking that's going to be my guest so um i wouldn't recommend that yet i will add the ability to at least not overwrite images so that you can you so you can upload the content you can upload this
16:52 and if it's an existing one it at least won't overwrite images as of right now i i believe it will i haven't tested that um i know it will overwrite the data and i'm pretty sure it will overwrite images um
17:07 but yeah um so yes and no um i i do i do think that'll be important so at least for right now i'll add the ability to um you know you can upload the content and then
17:22 content will be updated does that make sense in fact let me make sure that i i have that as a as a in my list because i know i i talked about that on friday i think and let me
17:34 i didn't add it bad guy yeah an update option would be great because
17:49 then you can work with it and then up update maybe a price list or product list and don't delete images all the time so yes yep yep yeah i just added that so i'll make sure i get that with the
18:04 gain and the gain and so yes and and that is not acceptable yep so yeah the ability to keep the images um i totally agree that would be a nice thing to have i'll definitely add that okay
18:19 good job off and uh joe is it possible to to export the data of an existing block and
18:34 that is not possible right now um but it's not difficult to do manually if you wanted to move a blog post from
18:47 one blog to another okay um it wouldn't be too difficult to do that um here let me i i should say oops that's not what i
19:03 um in total cms2 i already have that i have the ability to export and import from csv um i probably won't add exporting ability
19:16 in in the current version okay um but let me show you how you can potentially do that manually okay um it's real super super easy if you don't have images okay let me show you how to do that so
19:29 um let's see what's in here all right okay let's say um here i have a blog and if you notice all these are
19:41 permalinks all these dot cms files if you notice there it's the permalink the name of the permalink of the blog post dot cms okay so let's say i wanted to move um this blog post
19:54 to the live stream blog okay um what you'll do is you just simply take this cms file okay and you go to live stream and you drop it in okay
20:07 now um there's a couple other things you might want to do okay um because now the rss the sitemap and the blog files are all out of date because they don't have this
20:20 um this new blog post correct okay so what you need to do is um these files if you delete them they'll these files if you delete them they'll just magically get recreated okay okay so um
20:33 if you if we just go ahead and delete these okay remember this is in the live stream folder okay um now in order for them to get regenerated you have to you have to ping the cms so i'm just going to preview this page
20:47 if you notice there i now have the live stream now has three blog posts and if we go into here you'll see that the the blog json got created now the rss
21:00 uh oh that's right the rss one it'll get re rss and sitemap get recreated if i were to edit or or add a new blog post via this then those ones get recreated um so if i were to go and even just add a period somewhere
21:14 anything any edits to any blog post will recreate the rss and sitemap files but this blog json file um will get dynamically created i forgot about that okay now images okay if a blog post had an
21:28 image okay what what uh what would you need to do so images um in version one for blogs are they're stored in kind of an odd place when i originally made it i thought it made sense
21:42 okay um in retrospect hindsight's always 20 20. okay so all the images for a blog post are now stored under gallery blog
21:55 okay um so under gallery blog there's another set of folders for each blog there so here we have blog um and then and then we have a folder for here how to plan a website and if you notice there's actually images there
22:10 okay so this is the permalink how to plan your next website i'm pretty sure that was the one we did so all you need to do is take this folder and then you'd move that into the live and that's how you would manually do it
22:24 so now at that point all of the images and all of the um the blog post content are now moved to that blog so it's not it's not the most fluid thing but it's not rocket science to do that
22:38 does that make sense stephen very easy i had no idea it was that simple yeah um now yeah so that that's how you can move a blog from one to the next
22:52 okay thank you joe probably not something you want to do all the time but you know if sometimes if you want to do it please probably automate it if you if you had a little bit of scripting ability um but um yeah and that's that's gonna um but um yeah and that's that's gonna be
23:06 actually another thing that i plan on adding in cms too is the ability to move they're called objects in total cms to move objects between collections um move objects between collections um
23:20 so collections are the term for a blog i guess you can say um in total cms2 so we'll have that ability okay any other questions okay any other questions
23:33 that's cool um joe yeah there's a little gap in the can you open your browser click yes newspaper on the button there's a gap
23:52 can you fix this fix what yeah a little bit oh the little gap on the bottom yeah yeah i see that uh i haven't even noticed uh i haven't i have noticed it but i haven't really looked at looked at it let's see what that
24:11 well one thing i i don't think you want to remove the padding or margin off the bottom there because it'll remove it off that tags there as well on the right hand side so i don't know if you can make that feel like that i'm not sure what uh i'm
24:24 feel like that i'm not sure what uh i'm not not exactly sure what's causing that gap hey brett been a while since we heard your voice hey man yeah lucky you i mean not today you know
24:37 until today my day is complete now [Laughter] it is my birthday week after all oh nice happy birthday well thank you i hope we protect some
24:50 time to sing oh yeah not readily apparent what's causing that
25:03 i'll look into it i'll see if i can figure it out i fixed this for a moment for a little time my fix
25:22 let's see what the height set to 82
25:35 i don't i don't want to waste everyone's time uh debugging this but i'll look into it i do have a left minimum height for the thing yeah that's please if you said i you you found a
25:49 temporary fix maybe without giving me a clue and what you found and i can uh look into
26:04 cool um next thing uh let's import and then we did uh oh the color stuff um does anyone have any questions on the color stuff did you not uh did anyone not understand some of the uh the new
26:18 features in foundation 6. or yeah 6.9 with the new color stuff has anyone played around with it i have yeah what are your thoughts on it i mean and you know i've been pretty
26:31 vocal about this but i really dig it um what's nice is it makes it more easy to sort of templatize sites or landing pages and partials and you can actually at least kind of
26:44 what i'm trying to do with it now um or i started doing but then took a break to work some other stuff but is that you can kind of create these like um you know just basically like you know
26:57 partials and if you get used to naming everything the same over and over like using kind of the same nomenclature you can sort of build a design system and then every time you build a project you build that same design system with your color palette you don't know your
27:10 primary secondary whatever and then you can just change the hex codes and all that but then you're using the same like terminology for your classes across everything right so you can basically have like a single page designed
27:24 and just replace you know just hot swap the colors pretty easily like throughout um and you know additionally then you just replace the fonts and you're good to go
27:38 or exactly do anyone got that we're gonna have a test at the end um you know there was a there's been a couple of questions actually funny enough it was like
27:52 three in the past week i think on um you know someone wanted to toggle let's say a theme um with total cms um using foundation six colors
28:06 okay and so i thought it'd be really fun to kind of just go over um a couple scenarios uh with that um so let's go ahead and uh oh i'm not um so let's go ahead and uh oh i'm not
28:20 okay oh let's see i don't need that all right i'm gonna do a super simple example okay
28:33 um i'm gonna do the quote-unquote supported way the way i think um you would have to do it without any coding okay okay
28:47 so we'll we'll go that route first okay i'm just gonna do a simple thing here we'll do um container and just have some content we'll add text
29:05 there we go uh and actually let's do i'm gonna do two containers you know and we'll see why uh actually no we'll do one container really quick
29:18 okay let's do two i'm gonna need them okay and we'll put this one as parent just so we know
29:30 okay so let's style the background of this container okay so uh really simple um we're gonna go to uh general background okay
29:45 live container okay and we're gonna give it a background color of
29:57 um i'll do red like you know 18 red okay and live container we need to put that class on there and there we go any questions on that that's pretty basic right it's about as basic as the swatch you can get
30:12 i i assign a class it's a live container it's got a background of red whenever i apply that live container class to anything um it will magically get a red background okay yeah now let's say
30:27 um in some sections of my pages um i wanted um i wanted maybe to change live container to be green or or i want to give the ability for someone to make live container red or green
30:40 okay um so what we could do here is let's just go ahead and we'll copy this okay and when when i have a um let's say green theme
30:55 okay as a parent class okay i don't want this to be red i want this to be green okay so here i have live container is red but then when it has a parent class of
31:07 green theme i want it to be green okay so if i go ahead and here and go uh class and i do green theme there we go so now in my parents um i i have green theme
31:20 right and if i have multiples of these and if i take green theme off of this parent this okay does that make sense to everybody
31:34 okay so now um we're affecting the the background styles based on adding a class okay now how can we do this with total
31:48 cms how can we give the ability for our customers or or ourselves to toggle between um different looks on different parts of the page or an entire page you gotta
32:04 um so what we can do is this green theme a class it's just text right that's all it is it's text inside of a class field
32:17 in the html right if you want to we want to preview this we can preview this page and again total cms can only interact with what's in the can only interact with what's in the html of the page okay so that's very important and we can
32:30 see here make this a little bit bigger for you guys to see that green theme it's just some text on the in the html it's all it is okay
32:44 well we know how to insert text using total cms that's pretty simple we have things called macros right um and how can we update that okay so let's go ahead and um let's switch our hats to total cms
32:57 here let's go ahead and go we'll add admin let's go ahead and go we'll add admin core to the page okay now i have admin core
33:13 let's go below this i'll just add a quick little uh let's just build out a quick little thing here just for fun we'll do that container
33:27 select select box what we're gonna do is i'm gonna add a total cms select box okay and let's call this give this a cms id of theme
33:42 okay um select your theme we'll show the save button just for fun and then our options we're gonna do let's see label um
33:54 default red and this default value the red since it's the default we can either add a superfluous class in
34:07 there or you can just make it blank okay so in this case i'm just going to make the default blank it's nothing because that's what that's what we had when the parent is blank we have the red beam okay so
34:21 default theme red blank okay um and then what i'm gonna do is we're gonna change this to um
34:33 theme okay there we go so now i have my select box that allows a user to switch between two different themes
34:46 okay and again i could do red dash theme here if i wanted to um it doesn't matter because why doesn't it matter because if i add red theme to this everything is the same right because i i
35:00 have nothing that applies anything to red theme anyway so it doesn't matter does that make sense no okay i don't have any rules for red theme so adding a red theme class doesn't do anything right but if you
35:12 really wanted to be specific i guess you could do that okay but here i'm going to set it to blank okay so let's go ahead and preview this okay and um so here i can go ahead and set
35:27 my theme save it okay set it again and save it okay oh but one thing i forgot is to take the value of this and inject it in the class so instead of red theme we're gonna do a percent cms
35:41 data um theme there we go so now i have my macro inside the classes okay
35:56 so that's green bean wait what
36:09 did i not do right let's see select box cmsid is theme don't you have to have the cms stack on the page oh yeah i don't have cms4 thank you i was
36:21 thinking wait what's going on here rookie rookie what a rookie mistake oh jesus good job scott there we go
36:36 so now now we can we can flip flop between these um themes i'm afraid obviously because it's on the same page i'd have to refresh to see the new one and there we go interesting when when
36:48 select is blank interesting i'm using a different macro i'm using the text micro does it
37:01 make make any difference um so um in this particular case no let me also i'll talk about what the difference is between those macros though okay
37:14 so let me just refresh this let's select the red theme save there we go and then we can now set it to green theme save refresh page boom perfect okay so what's
37:27 the difference between cms data and cms text so for those that don't know if you go to the cms core there's there's different macros that we can use and the first two okay there's two there's two that probably
37:41 aren't get used the most cms data you see that that is raw content and cmx text is text now what's the difference between that so what cms text will do it is raw data
37:56 but what it will do is if you have any new line so any character returns so any new lines those will get converted to br tags on the page okay
38:09 um so that is the difference so cms text will ensure like if you have if you have a text area that has multiple paragraphs and you you just want plain text and you're not using um you know the markdown option which is cms text format
38:23 okay um what that will do is that'll add br tags for you okay um but if you just want the raw data content um that's what you'll get does that make sense here i can show you an example let's do an
38:37 example i think in this case it won't make any difference because you use select probably um yeah it doesn't make a difference
38:50 because the value that's saved here that's saved will never have a character return exactly right so it doesn't matter okay um so i wouldn't go back if you have a ton of projects that use cms text i wouldn't go back and do that
39:06 okay um but here let's show an example let's go ahead and let's just add a admin text to the page okay and we're going to make it a text markdown um i don't need markdown formatting let's make the height a little bit
39:20 bigger 10 lines or something like that okay and then
39:38 type 2 here and let's just call this uh let's use the cms id of uh um my text okay all right so this first one let's go
39:51 ahead and do percent cms data my text okay [Applause] [Applause]
40:04 and this one i will use instead of cms data i will use uns text um let's go ahead and preview that
40:17 all right currently there's no data in there which is what i expected paragraphs
40:30 okay uh oh i should have added like some sort of oops i want capital m
40:49 all right so here we'll see we have two examples um obviously in the admin area we added character returns okay but since we're pulling in raw data
41:03 with html um white space is completely ignored okay so um if you were just doing raw text like in here a lot of people would expect i added a new line but i don't see it
41:15 up here on the page okay because if we all right um you'll see that it's just
41:29 raw and actually if we go ahead and look at the supposed to look at the raw source where is it there it is all right
41:45 um if we look at the raw source code there there is multiple lines in the source code okay and that's this here this this blob of text but html is will ignore
41:59 any white space so all of that is just ignored so that's why in this case here this lorem the second paragraph starts directly after that period okay but if we look at the data for cms
42:13 text what it does is it adds these br tags for every character return so that's why this section looks like does that make sense right now now the
42:26 proper way to do it okay um the proper way is to actually you know put in data like this if you're going to do something like this i would recommend using
42:40 okay and let's just be consistent here and okay um in this one we're going to use
42:59 text format all right now here again this is cms data it's the raw data
43:11 it's completely unaltered if you're using hip wig okay um i recommend using cms uh data okay uh because that will just it'll get the data from hipwig
43:24 completely unalter it and inject it on the page okay um so definitely i recommend if you're using hipwig data use the cms data macro okay perfect for adding snippets codes yes if you need to add code
43:37 snippets exactly um again cms data is completely unaltered output from what you save okay cms text adds these br tags so we can get at least the character
43:50 returns if we wanted that okay um now this third example cms text format this looks exactly the same um as this cms text but it's not
44:04 okay let's see the difference okay so if we look at the source code for this page now oh it is there all right scroll down
44:20 so this is the output of the cms text macro again it has the br tags here is the output of the cms text format
44:34 macro okay what format does is if you notice here it puts each paragraph individually into paragraph tags this is the real proper way of doing it okay um and the reason for that is um
44:48 cms text format will process this as markdown okay so i i can actually type in mark down in here so i can do like you know header and let's just save that
45:02 refresh the page okay so if you here's here's that made really big difference here you'll see in cms text okay that header um it didn't put any it didn't process it it just again
45:15 took the raw data changed the the returns to be br tags and that's all we get but if we use cms text format it actually parses it as markdown and gives us proper
45:29 html this is the this way even without again even without using this header a markdown because i know a lot of our customers are scared of markdown they think it's code right um but if they just typed out paragraphs this is markdown right and markdown will
45:41 this is markdown right and markdown will improperly interpolate all of these as individual paragraphs on the page okay so technically cms text format is better um because it will process
45:54 everything as marked down and put everything on the page as an official paragraph if that makes any sense any questions on that that was kind of an interesting topic
46:07 just one question joe sure because i've been googling it for for ages now what the bleep does hip wake me
46:20 so when total cms originally um shipped there was no wysiwyg editor okay and um i
46:33 i i was against wizzywig because i thought it it produced um potentially very ugly results um you know and then it allowed it gave our customers potentially too much control over various things
46:47 okay um and at the time um there was a very influential user called hipster weaver um and he was very very anti-markdown and um he kept pressuring me
47:01 to um keep making the style text a wizzywig editor okay and um because it was his responsibility and he's the one who finally convinced me to add it
47:15 i i named it after him so hip wig in terms of wizzy wig so i i merged hipster weaver and wyzzywig together and we got hypwig it's it is not an interesting industry standard term it's just
47:27 something i made up to uh tip the hat to john hawkins the hipster weaver um so there you go [Laughter] man you sold the puzzle yes um in in in man you sold the puzzle yes um in in in
47:41 total cms2 it will be renamed style text you're telling me that google didn't know this nice you know i'm surprised more people don't ask that actually
47:56 i mean again i also use hip wig because wizzy wig is just really hard to type um you know because wysiwyg stands for what you see is what you get
48:09 that's what wizzywig stands for and i hated typing that out so that's why i wanted to give it a name other than wizzywig um so that's why i named it hipwig so there we go fun fun instinctive was
48:25 what i get yeah [Laughter] put it to get it out put it to get it out [Laughter] nice yeah in total cms2 will be called nice yeah in total cms2 will be called
48:41 good question when is it expected what when is it expected total cms2 oh uh i'm not going to give any dates
48:57 i'm working on it it it'll be it'll be shipped when it's done this year maybe uh hopefully a beta this year i really do want to get a it will definitely won't be shipped
49:09 production this year but um i i'm hoping for a beta this year so i'm hoping i'll be i'll be i'll be able to show something by the end of this year easily so um i do have to say i'm also building total cms2 to work outside of
49:23 stacks in rapidweaver as well so um it will be a standalone product um but it will still work and integrate just the exactly like the current version does inside wrap stacks and wrap paper i'm just trying to expand the scope of
49:38 yeah that's great yeah i see uh the er oops the um the attack uh has a flash
49:52 uh on the end before it close um
50:08 some people put a slash some people don't so essentially in html if you don't have an opening and closing tag um you you're supposed to put like an image tag like an image doesn't have
50:21 an opening image tag and a closing image tag it's just an image tag so technically that requires you have a slash at the end now br tags though um they work with or without it
50:35 um and so depending on how big of a html snob you want to be you can add it or not add it it doesn't really matter it doesn't so
50:47 sometimes i it depends on how maybe i depends on what side of the bed i woke up on of whether or not i add it or don't add it it really doesn't matter okay yeah i post a blog list
51:01 css code but i can't control it because it's not online at the moment maybe you can try it in the chat okay so
51:14 so you want to increase the line height of something in a blog list
51:28 oops um okay oh before i before i do that let me continue on um we got off on a
51:40 tangent i forgot to show one more example of how we can potentially control colors using total cms uh were the were there any questions on on how to control colors using a parent class did that seem pretty good yeah okay
51:55 did that seem pretty good yeah okay um so there's another way okay um there's always multiple ways to skin a cat you know that's in a u.s saying i know it probably appalled some of some people
52:08 from other countries you've never heard that saying but i don't like that joe yeah but you know there are i've learned over the years that there are some american you know isms that just don't translate
52:22 well to other languages sometimes sometimes it's english as well yeah i i remember one time i called i called tav you know big white i called him bad ass right and obviously that you know it's
52:35 it's a term saying he's really good right he's badass um and someone took great offense to that because they thought i was uh okay so let's say we wanted to give
52:51 our cust like we wanted to be crazy and we wanted to give our customers the ability to find whatever color they want okay um a make sure your customer is actually a skilled designer before they do that because they will pick
53:04 horrible colors okay they will okay especially orange i was waiting for chris chris loves
53:21 orange i was just dragging on chris um okay let's get back to a simple okay so i have a class live container
53:38 and um like i said we we can apply uh colors with a swatch using a class okay let's just let's go ahead and put
53:56 in just some default content in here now now let's let's i want to give the customer the ability to um control the color himself of the live container anything that has
54:09 a live container class okay um and to do this you need to know css okay um there's no way around it okay and the reason is um total you know
54:22 colors are defined in css and but total cms doesn't have access to the css file therefore we have to define the css inside the html okay now luckily there is a css
54:38 swatch okay and any css swatch um the css is on the html so because it's in the html we can actually use macros here
54:54 okay and actually here let's just do this was what okay and then uh we have background color colon
55:09 and then a color so instead of again this purple this color it's just text right so um we know how to control text with total cms so um we're going to insert a macro in here so i'm going to do cms
55:22 uh cms data um okay so that's my cms id live container
55:34 color okay there we go so now um if you see this i have uh anything that has the live container class gets a background color of
55:46 okay so um now let's just go ahead and we're gonna go to total cms now total cms does not have a color picker okay that's why again while this why
56:00 this is a little bit dangerous okay but hey you some some of you love to live on the wild side okay um so i can do is i'm gonna add a
56:13 i'm gonna add a container down here and then i'm going to add in a okay inside the text we're just going to
56:31 put in our cms id of live container color i don't want hip wig you definitely don't want hip wig you want text editor you don't want markdown formatting
56:43 and you want it to be one line okay so
56:58 okay okay so here we have um uh okay so here we have um uh just a text box okay okay so now essentially i'm going to put
57:13 inject text in here but let's go ahead and let's look at the source code of the page kind of see what happened already because i i didn't save any of this and this is still red okay so what's going on because here we have the we're setting that default color which i definitely recommend that you do
57:26 which i definitely recommend that you do um set a default color and then i'm kind of overriding that with um this custom css with whatever this macro is but this is currently blank okay because we haven't saved anything
57:38 to it yet um so let's go ahead and inspect uh actually let's where is it oh here it is so here we see live container background color
57:52 and then it's nothing i think i see that and it's making a little bit bigger okay so this is an example of uh your customers saying let's say you didn't have a default rule in here right let's say you didn't have a
58:07 default rule and customers like the color you set up for me doesn't work chris what the heck or you're like well dummy you you deleted the color value in here what do you expect right okay expect conversations like
58:19 that okay but again let's just go ahead and okay but again let's just go ahead and uh we can type in something like red and save right we can refresh
58:32 there we go we got a red background okay um obviously there css does have named colors obviously red is very red right um or you can use a hex
58:45 which is that is also the hex color for oh that's great sorry i thought that was a different color it was f whatever so there we go or you can also use rgb
58:59 right so you can do like rgb um you can do rgb a as well right so if you wanted like um zero there you go that's fifty percent black
59:14 right um you can you can go crazy and use the new cool hsla colors if you really want to get crazy i think those are like i forget about
59:31 is that going to be valid oh that's not a valid color i forget that the syntax for hl hsla all top of my head it's a newfangled color palette foundation 7 is going to use all hsla um
59:45 so it's really cool um so if you want to learn about hsla um you can look into it um it's a new kind of a new really really cool color format um so anyway there you go right you can do let's do like 240 50 uh
59:59 20 i have no idea what color that is um but we'll there we go that's actually not a bad one there you go
60:12 um so again um your cut your customer can add in whatever color they want hex values color picker values whatever um but if they get it wrong let's say if they put in um wow i cannot believe that worked
60:30 because color should only go up to 255. i did not think that was gonna work or or you know or here let's do that they forgot that is that going to work oh that doesn't work okay customers gonna color is not working i'll just put in the end parentheses
60:45 dummy there you go okay um so yeah uh you know there's risk in doing this because it relies on your customer putting in the actual code that's running the site
60:58 okay now something that's cool that i've seen people do is you know on the admin side you don't you see this value but the customer doesn't give any feedback what that potential color is right because there is no color picker okay um so a lot of times what you can
61:10 do is you can either create like a little con either i've seen people create a container that goes all the way around so look you know we can actually put the actual class
61:23 maybe put a padding on it so now that has a container and and the color that this is within
61:35 is that right or you can have like a little square or an svg that you then apply the style to as well on the admin page but it's just a way of kind of seeing or illustrating what the color is that the person picked in the admin area okay which is definitely is important
61:48 because it doesn't support a color picker okay um okay um um so yeah does that make sense to any um so yeah does that make sense to any everybody i know it's it's definitely a little bit more involved and there is danger
62:01 um in it because a you have to know css and um in order for this to work you have to give your clients the ability to add in the hex colors or rgb colors themselves
62:18 okay any any more questions on that no um okay let's go ahead and let's look at
62:31 what let's do this blog list thing actually i know uh reinhardt i i see you're on um did you want to look at that menu problem because i know you were doing something similar to what i was just doing yeah for menus yeah
62:47 do you hear me yes i can hear you yes the problem is that if you have a one-page navigation it the colors don't work it doesn't apply the colors but on
63:02 if you have more multiple pages it works so i don't know why and it is on the same page you know but i don't know why that is okay um can you can you send me that
63:16 project file that you created so then i can have a look at it yes okay okay and uh if if you do that now we can look and uh if if you do that now we can look at it live during the live stream okay how do i send it to you um
63:29 create a zip just zip it and i don't use like dropbox or cloudflare you you can either put the link in the chat here or you can dm it to me on weaverspace
63:41 to your email uh that works for me too if you want to email it to support at weavers.space i'll pick it up there okay is he referring to the active page color in navigation
63:56 can you can you refer to what to the as he refers referring to the active color and navigation uh i i'm not sure which uh i think it's just the background colors i'm not sure um potentially what it is if it's the oh it could be the active
64:17 while he's doing that let's conquer this um uh question that uh marcelo uh question that uh marcelo had really quick um
64:30 all right let's let's go ahead and quickly just okay hopefully some of my demo data is
64:44 put in the summary let's see what that oh no posts found okay i need to do let's do
64:58 seamless video blog so you're talking about the the admin blog list for the actual blog list uh actual blog list i believe are you talking about the you wanted the content blog list for the
65:12 the admin it's for that padding issue oh my bad all right i totally got it okay that's css that you gave me
65:27 okay i thought you had a i totally misunderstood that here let's here let's test that let's just see really quick we did uh admin blog list then brett had a solution too he put in
65:40 the chat yeah i use like more css than important tags so don't use that all right so we did here's my crappy code don't use it yeah
65:53 that's my ring enforcement for my own work don't use it hey guys i i gotta go okay later maybe only emerging uh 5 p.m 0 0
66:07 is enough well that's nice there we go yeah i guess just the line height of of the uh of this title probably something like that maybe in foundation 6 the default line height is different than in other themes
66:22 so cool thanks for that no problem all right
66:34 thanks for saying that chris i would have went down a completely different rabbit hole because that was a question on something i was like wait wait wait wait wait you seem to like your rabbits joe
66:50 yeah squirrels i'm waiting for did you send that that
67:06 oh did we lose him yeah i don't see him oh
67:18 you lost him oh there he is either he's just come back
67:40 oh
67:59 okay can i ask a quick question yes please go go ahead donna so so i um recently have um done a on a
68:13 um a website based on found but um david did and um foundation box you know what i mean but i added like i added extra elements to it how would i how would i credit that do i
68:26 say it was i mean i mean obviously i didn't design it he designed it but i i added parts that it kind of doesn't completely look like his work you know what i mean it doesn't so would
68:40 it be like incorrect to just say like um you know the websites by me but inspired by foundation box actually chris is probably a good guy to ask too since it's kind of a an ethical question i
68:54 guess what what does everyone here think kind of like if you wanted to give attribution um well a you purchased the product so um you know you don't need to give you know you don't need to give attribution since it was a
69:06 product um you know so i mean you're not required to do that but if you want to be nice you could be like inspired by or used you know used theme from foundation box or something like that you know um yeah i mean i i don't again you're
69:19 not required since it was a product and they're you know the licenses that you purchase money for it so you don't need to give attribution um you know because you did design the site and technically right i mean you bought a product that helped you do what you do
69:33 right so um no i guess that's a good point i didn't think of it like that i wasn't sure what i was supposed to do but yeah i mean yeah i need constant
69:48 okay joe this is a side note really quickly joe this is a side note really quickly you know you were just saying about the um about like the different words that you about like the different words that you know with english and english apparently there was an article in today's paper about
70:01 because of covet and so many young children watching peppa pig oh yes yeah that all like the young kid the toddlers are picking up like strange names that we wouldn't use like you know biscuits instead of cookies
70:20 back in 2006 i lived in london and uh you know my son was three at the time and we were there for about a year and um for quite a while after we came home
70:33 like whenever you wanted to make a sound which is not what american you know sounds like at all but it was just you know funny that you know
70:46 you know oddly enough now some of the ambulances in new york city use that sound oh really yeah it's a it's it's a wild kind of throwback it's you're like what in the hell is this sound
70:59 yeah because it is awfully a noisy city as it is yeah anyway okay sorry thank you very much for your help no problem donna good question go back to the other issue
71:12 all right so so here's the page yeah so okay and yes and and now that the bottom menu that goes to pages that works with the colors but then the navigation the one but then the navigation the one
71:25 one page one doesn't doesn't adapt the colors that is the same css code okay so i don't know why if we look at this one um so if we look at the at the colors that this is providing
71:38 okay so if we look here um this background menu color um this this is the background and you're adding a border and this is the css that you're using yeah okay yeah um so
71:51 a i i see that you are using this uh dot backer class i i don't think you need that at all okay uh you can remove that like i said in the thing because you're not using that class anywhere okay okay so you should remove that okay yeah but uh so so this is getting applied
72:05 but uh so so this is getting applied here now let's now if we were to look at this on-page navigation one okay if we look at the styles here well if you look here that styles aren't getting applied yes
72:17 exactly okay all right so um if we look at this um we have uh menu li is active a uh and menu li
72:31 active a okay and menu uh li a is active so um we're applying it to a lot of the active things okay so if we a lot of the active things okay so if we if we look here
72:44 at least on um the the on-page navs are are done differently okay um so like um the here the active class is so like um the here the active class is
72:58 set to it's set to the actual class here so what you would need is so if we look at this earlier let's open up a
73:16 all right and then yes yeah here we go okay um so this is the css a um uh you're not using this class
73:30 so you should remove it yeah okay all right so um i know this is just doing the background color of black or let's make this bigger so you guys can
73:45 wow my machine is sluggish right now okay um so if you notice here um we do have menu li a
73:59 is active okay if we look at let's look at this code here okay which and if we look here you can see the this particular this is where it's this
74:12 particular code this is where it's getting its colors oh okay okay yeah so um if you wanted you can go ahead and copy this selector here yeah okay and potentially use those okay
74:25 yeah okay and potentially use those okay okay yep okay okay now um and then so um so that if you look here that that is using the correct one
74:39 so uh we have a is active okay um so i mean basically what you would need is you would just need to i think that will do it um now
74:55 um there's there's another way to do this with menus okay um if you notice here um a lot of the menu colors are are they're assigned with these variables
75:08 whenever you see the in css we see these dash dash menu bg color menu link color menu carrot color if you see those those are css variables okay we actually see them also on if you look at this particular button
75:21 right the second one we'll see that um they're getting applied to this menu as well you're just simply overwriting it because you have this thing important okay so one thing you could do is instead of
75:35 attempting to um set a background color you can actually change the variable as well right um so let's say for example let's right um so let's say for example let's take a menu bg color okay this is getting pretty uh technical css here um and this is
75:48 pretty new css as well so instead of setting the background color okay um what you could do is you could just say um dash dash menu dash bg
76:02 dash color colon and then your color so in your case you wanted a cms thing so you do cms just data menu back you know okay that would work and if you wanted to make sure you always overwrote
76:15 that color and it was always done that way you can also add a bang important here as well okay um and since you have the bank important if you wanted to like you know you can even do something like
76:28 that um but that probably won't affect i don't know if that will affect this one either but i mean the best thing to do here is just to copy this because this is this is the selector um what's kind of cool about devtools is
76:42 the order that you see oops the order that you see all the rules in the stuff that's on the top wins okay so in this case um you know css
76:54 stands for cascading um style sheets okay so rules i i've taught this in a few other uh you know hangouts and videos and whatnot where the order and the specificity of
77:07 something um matters okay so because this um matters okay so because this particular rule is above this rule it technically it wins
77:20 okay so that's why uh if you were if you didn't have your bang importance this menu would look the colors that are here now because in this particular rule you set the bang important this one these do
77:32 win okay so being important is though is a hack for developers to override something now because this rule though is above now because this rule though is above it's on the top
77:45 this selector wins this over this selector okay because it's more specific it you know okay i don't i don't i can't explain it better than that okay so this this is more specific so so
77:57 in your situation if you were to copy this selector here this would this would ultimately solve your problem as well yeah okay and just to let you know this is this is created by the the menu swatch this is created by the the menu swatch
78:10 this is the selector used by the menu swatcher um okay and if you scroll further down here we'll see that there are some rules that we'll see that there are some rules that are crossed out
78:22 okay um those are crossed out because that rule is overridden by another rule further up so here we have menu bg color by default in the theme it sets the menu bg color to primary
78:35 yes but then it's overridden up here menu bg color it's overridden by the the menu swatch that you added to the page all right okay and and either further down if we look at some other things like here menu active it's even setting a default
78:47 background color and then it sets the background to a variable right so um and there's other things like you know the text color okay so you'll see a lot of these rules are overridden
79:00 by rules further up on the on the uh you know on the scale here okay so hopefully that that battle the order that you see things in here is important it means the stuff that's on the top is is what gets applied
79:13 and the stuff further down if we scroll all the way down to the bottom this stuff uh let's see the stuff down here that says user agent those are like defaults from the browser so like you can even see like what the browser is applying and
79:26 then what the you know the various things so consolidated.css that's obviously the theme so you can see what the theme is applying and then you know further up we can get stuff into you know swatches and whatnot right but there's an order right so uh you can
79:40 see that order here you can also if you go over here if you wanted to look at let's say background color you can see all the various rules and you can see all the various rules and what's overriding what here as well and then you can click on it and you can actually go it'll take
79:53 you directly to that part of the css okay that's a little much i don't use that too often but it's useful sometimes but this tree here is very very important does that help you yes it does yeah okay cool i'll check it out
80:08 yeah perfect okay thank you very much no problem any any other questions guys i have a hypothetical question yes because you always say that we have to
80:20 make things simpler and easier for us i agree sometimes so the hypothetical question is this say
80:35 i make a page let's let's call it winter it's a page and i i build it up with all kind of uh it's it's a total cms question uh i built it up with all sorts of micros like winter header
80:49 uh intersect winter section one yellow one etc by this beautiful page and then this customer comes to me and says well it's autumn i want the same page but then an organ page so what i'm doing
81:02 is i'm more or less copying this page and changing all these macros into autumn header one autumn uh header two all in a header three header four yep so i was thinking is there a way to do
81:15 that faster is there a way to inject and it's been there for three um so this a this only applies to
81:28 macros i believe okay and it's a you scroll all the way let's see oh oh i'm not sharing my screen no
81:47 come on share okay um where but you know what i think i might
82:00 i think i might have removed it because no one oh there it is okay see even i i it's been a while since i've done it okay so there's this little plus button in cms core hey you have to make sure this is checked it's on by
82:14 default right process macros if you click this little plus button okay what this will do is you can type in um what this will do is you can type in um something here and it will prefix
82:29 on that specific page on this specific page now unfortunately what this what this will do is it'll it'll prefix every macro right so you can't be like
82:42 only these four macros you know uh it it will do every macro on the page okay um so it it could potentially you know not be what you want um
82:57 you know but it is possible right so um yeah this will this will take every macro on the page and add a prefix to it so like if i had
83:11 just add in a text step in here i add in um get it you know
83:23 cms data okay um so this is cmsid header
83:36 if i were to in the cms core uh type in um you know about okay or maybe about dash okay um what that will do is that would make
83:49 this one about dash header does that make sense yeah um so again it it i could see this potentially being a
84:03 nice if they could like somehow define the limitations um not sure how i could potentially do that but um because there are some macros that you might not you might not want to prefix things to um i don't know the solution for that yet
84:21 can you add a specific character and then search and replace unfortunately there there is no search and replace in rapid river or stacks
84:36 outside my control field saying this setting might destroy your website [Laughter] kind of like in in sight styles where i kind of like in in sight styles where i i have this uh
84:50 super duper hella advanced setting but you then have to click and then you have to say yes i'm sure and then you um so yeah i guess on that did that
85:05 do you think that could be a solution for you or no i think so i think so okay to test it out so that the hypothetical question what if the hypothetical question is not hypothetical anymore
85:20 yeah but i'm gonna try this one it's uh i'll be honest i don't think many people use that feature so if you have any any feedback on it you know i'm happy to brainstorm on how to potentially improve it if you have any ideas but um yeah playing around with it let me
85:34 know we'll do thanks no problem oh no davide thanks for coming
85:49 sorry just made it home that's because we started talking about him yeah yeah his ears were ringing
86:01 donna was talking about you yeah i was just saying like i i i used one of you one of the products i bought from you from to uh to build out a website and i wanted to know how to credit it
86:15 so we had to we had a group debate on it a group discussion oh wow what what came out of that discussion so i think what i what i had done was that i just said it was designed by me inspired by you
86:30 fantastic i think everyone gets hurt can you send me the link of that website i would love to see it okay um um sure i don't i'll do it once i have
86:43 it up online because right now it's in a temporary home so perfect it should be up i has to be up by august 1st so it will be soon i will do that august 2nd is my birthday so perfect
86:58 [Music] i got some interesting mac apps i've been playing around with some mac apps this week let's see um hey i finally bought squash three
87:11 um from real mac um yeah they done they did a good job on it i played around with the early alphas but i haven't played around with it for a while and uh it was good um the the whole zen music thing they added is a little odd
87:24 um they have the ability to like play some like zen meditation music in the background while you use the app a little odd for an image but whatever um [Laughter] [Laughter] uh yeah they're adding um image tagging
87:37 uh yeah they're adding um image tagging which is kind of cool so you can edit the exif tags and stuff um that'll be fun um because there aren't many good apps to do that right now um and the apps if they do it right the
87:50 apps that i've used to do that are like really clunky and just horrible so um hopefully they'll do it right um it'll be a decent exit because editing those meta tags and images can be a pain in the butt
88:03 yes um so yeah anyone want to see it here let's uh well i had a question concerning the use of images in
88:16 in galleries as well so uh i remember that i was posting uh a comment whether it was possible to use webp format for images okay okay so uh you're using what what
88:30 gallery stack are you using oh [Music] [Music] i think i was using photo pro but the i think i was using photo pro but the old version uh oh okay so uh you if you don't have my version you just go to my order i
88:44 have your version um so if you want to use webp so i did a pretty decent live stream i think it was a month ago on webp images um and we i did if you want if you're
88:56 curious about web definitely watch that okay um unfortunately as of right now drag and drop of webp images into wrap rapidweaver doesn't work great because a lot of times those will get converted um into
89:10 png or jpeg files and that's not what we want okay so um what you'll have to do is you'll have to um in photo pro it does have a batch feature okay where you can either you can use either repeaters warehouses or it'll
89:23 look for a folder on your server at that point you can uh you can you can load all the web key images there okay um so yeah definitely look at is supported by all is webp supported by all browsers even
89:35 though it's supported by all browsers now yes yeah good yes because that was a question probably yes yes webp is supported by all browsers now um safari was funny enough the last one to support it
89:50 um and i think it was safari 13. so we're on 14 now um and 15's coming out by the end of the year so um you know that's two versions ago um so um yeah you should be i i think you um yeah you should be i i think you should be good to go with webp
90:05 um i i think it's a great format yes because the level of compression is uh yes and funny there's actually even a i know we're all just starting to use webp but there's even a new format coming out called avif
90:19 um which which it i think it's only supported in chrome at the moment okay but that's supposedly even better than webp um but i haven't played around with it at all but just to let you know probably in a
90:32 couple years um maybe that will be the new standard who knows but is there any performance that you suggest any perform no there's no performance issues at all it's actually it's because the files are so small um you're going to see a performance boost because the
90:44 the download you know the images are going to be so much faster okay and what's awesome about webp is um it supports transparency um that was the big thing because a lot of times we couldn't use various images
90:56 because we had to if we wanted a transparent background it had to be a png and pngs are just ginormous they're huge so um if you want images with transparent background webp is a thousand percent the way to go
91:09 because um yeah it has all the compression and it sports transparency um so that's good with jpegs depending on it really is dependent on the images and how dark or how light the the image
91:21 is how many different colors are used throughout the image whether or not how much compression you'll see between jpeg and webp um if you just want a de facto to always using webp i think that's okay um there are some
91:34 cases where a jpeg might save you a kilobyte or something like that right but um i think you know defaulting to using webp for on the web is a good thing um and uh for those of you who are
91:48 wondering total cs2 will support webp and it will support avia so that's cool which is access because
92:01 i mean i would like to use the total cms for creating a self-sustainable website i i understand yeah all i can say is if you build the site all i can say is if you build the site with total cms one now um i will have a
92:14 migration tool so you can migrate the data at least um but uh yeah a total cms2 will be complete a completely different beast um it'll be much more powerful
92:27 and uh hopefully easier to use oh i was gonna give a demo squash you um i so s they had this this bundle
92:43 um so a you can upgrade and then they had a bundle that had i guess some more effects so they might eventually come out with like more filter effects or something like that um so but anyway um
92:57 so but anyway um so you can also you can have this kind of this grid view i think if you added multiple images let's i've tried that i haven't played around with it too much oh yeah so you you can apply this to you know multiple images or you can go to this little
93:11 uh or is it this image compare tool and then you can kind of have a before and after you can kind of have a before and after right so this is the original this is the after and you know it has a nice little thing it says jpeg here if you notice by default it will resize
93:24 the image um so our uh wait why is no it didn't res why is this optimized one larger that is weird i mean look at that this one says 480 by
93:36 266 and this says 2000 by 1100 interesting um you can resize the image i must be i think that's a bug because
93:49 here let's just see what the original it is 2000 pixels wide so yeah that's
94:02 that's definitely a bug um so uh anyway so you can resize it um you can uh let's see what adjustments do we have we can add various you know sepia tone filters and
94:15 you know all kinds of jazz like that um you can have some effects you know this has those some of those filter effect packages um so i think by default it has like three or four different uh own has borders as well uh oh i
94:28 didn't click effects i thought i clicked effects so these are kind of like you know instagram style filters um and um the borders actually it doesn't even it doesn't come with any borders out of the box those are part of
94:40 that add-on pack thing that they have um well i'm not i'm not sure how many people are going to be adding effects and borders and whatnot with this sort of tool i don't know um watermark that's definitely interesting
94:53 so you can add your own watermark and stuff um hopefully maybe eventually they'll give you the ability to have a watermark image could be nice right but right now it's just text you can define what font you want to use um so like if you want a particular font um
95:07 so like if you want a particular font um and apply that watermark uh you can adjust the size can you do a different so you can do like you know what's diagonal do oh there's like diagonal all the way across
95:20 interesting uh and you oh and opacity as well uh and you oh and opacity as well nice i like that uh this is definitely useful um there aren't uh you know great watermark tools are
95:32 hard to find so this is kind of a nice one um and then here's probably what we're gonna be using a lot of so compression they have jpeg um they have webp and avif so it already supports both of the latest kind of web standard
95:45 images formats okay tiff don't use tips for online never ever use a tiff um okay uh you can you can scratch the
95:57 metadata a lot of times people when you upload you don't want you know gps data and all that jazz for facebook and all that crap sometimes you don't want you know that particular information um in your images sometimes you do though um uh you can
96:10 rename the file and set your export stuff um it does do presets as well um i haven't played around with those so you can like save this particular thing as like a preset um oh assign preset oh here you can add
96:24 preset all right so i want to do like fly save okay interesting so now
96:37 okay whenever i click on let's see if i let's just keep that though and then i guess you can apply that live stream okay so if i if i were to accidentally turn on stuff and be like no i want to
96:50 go back to my live stream preset is that there it goes oh that's kind of cool so you can set up some preset you know things um and then just apply that to an image on the fly and then if you if you drag in multiple
97:02 images you can then export all the images at once i think this is the most i've played with the final version so it's interesting what do you guys think and don't forget about the music let me show you the music
97:18 okay here's the music here i'll put my mic next to the speakers do you feel zen barely hear it
97:34 oh you can barely hear it let me try a different one crank the zen way up it's very basic do you hear it no
97:52 hey it's any sort it's kind of like you know just the ones you get from like a meditation app you know it's just you know bassy and just like you know
98:07 i didn't quite catch that it's an interesting feature you can use it to go to sleep at night compressing some pictures and [Laughter] see what other apps that did i get
98:20 see what other apps that did i get recently let's see well select all those photos from that wordpress site if you're converting and just i started playing with this craft app it's kind of like notion but a mac app
98:34 i don't know i i i haven't really done much with it um it's kind of like a just a notes app um this is interesting this is a it's a like a just a media player um
98:52 so it's it's just it's just like a replacement for quicktime and i just thought i kind of like some of the controls that it had another feature that i like if you have to install like a terminal
99:04 command but if you do you can actually um open a youtube video in it and then you can play a youtube video like in this player that is just free on your machine um kind of cool it was free open source software
99:19 um that was interesting um oh here oh this was i haven't even played around i forgot about this one i should have played around with it today during the live stream so we cursor pro has the ability to hopefully you guys can see it do you see
99:32 my mouse now it has like a green ring around it yeah uh and then and then if you click it changes the ring and if you right click it does a different ring just kind of show you you know what you're clicking or or you know kind of activating the mouse a
99:45 little bit um i don't know i thought there was a i got it in like a little a little pack um one of those settings does it have so you can change the the color to make the the cursor circle or square
99:59 um oh oh and the magnifier uh yeah it does magnify too so if i hold down the option key that's it'll like magnify something so maybe fine here let's
100:14 if i'm in rapidweaver and i want to show an option i can kind of see that's what i option i can kind of see that's what i said there right something like that you know set s or if i go into here
100:27 type in this class sort of thing [Laughter] yeah i forgot about that one i should i yeah i forgot about that one i should i should i'll try to remember to use that one during
100:39 live streams um and then another one from the same company this one had a problem it wasn't enabling the the um
100:58 now let me see if i can get this working
101:22 what input monitoring it was interesting normal normally the app like automatically shows up in this list i have to actually
101:42 oh it's key keystroke oh i haven't i don't have it sorted out
101:59 now if i enable it ah i don't know i'll have to email them but essentially what what it hopefully would do is uh whenever you type in
102:13 a keyboard shortcut it would show you this on the screen so you guys can see what keyboard shortcuts i'm using stuff like that i thought that would be interesting but i don't can't get it to work so
102:25 um let's see what else did i do well now i don't know where you're
102:38 um oh this okay so this one's interesting so let's say um this doesn't happen to me too often but sometimes let's say i have multiple finder windows open
102:51 right okay and um you know a lot of times if you click on the header of one well you know by default in mac os only one window comes out pull up let's say i wanted all finder windows
103:03 to come come up when i clicked on one if i hold down the shift key and i click on it all finder windows come up um so yeah that's called front and center um i don't know i thought it was kind of
103:16 interesting um by default actually it is the opposite so whenever you by default if you click on any window it'll it'll bring forward everything um and then i switched it so that that only happens if i hold down the shift key and
103:28 then click the title window i don't know we'll see how if i like it um or if i even forget that it's even there and let's see last one is the home control i haven't played around with this one yet but it adds
103:41 home kit stuff to your mac menu bar instead of so i don't have to open up the home app oh that's nice um so um and then screenflow 10 got released
103:53 as well um so i haven't even played around with that yet but screenflow 10 got released so uh screen recording app
104:09 cool anything else guys oh josh showed up man even more fashionably late oh very very sorry another call
104:23 happens how's it going man fantastic fantastic hey well yeah did we figure out that's that menu issue uh yes yeah uh it was it was uh
104:36 what i thought yep cool well i also figured out the drill down in um in the light box thing that worked oh yeah i was gonna show that
104:49 here yeah some people might want might want to know that that could be interesting and if anyone gets gets the two hour mark on their restraint the replay of this uh here's the project file
105:03 okay so what davide wanted is he wanted to have a um have a um all right so here we have a menu button
105:17 and when you open up there should be a drill down menu in here but it's not showing up why okay um so there's one small little hack that you'd have to do um
105:30 you have to target the class is drill down okay here oh here that's amazing all right so you have to target the class is drill down jeff see you you can read that one now yeah
105:42 let's do that yeah nice nice is drill down okay um and you you do a height swatch you set it to uh percent 100 okay um
105:55 and then on the width swatch instead of targeting with you actually target max width um and you set the max width to be 100 percent
106:08 um there we go so we set the max width and we click we have our menu okay obviously it looks better on mobile
106:23 and that link doesn't work there we go just resolved so what was the issue the the menu was trying to go as
106:36 wide as possible up to infinity what was that um so um drill down is very um so um drill down is very uh javascript dependent right so um because it has to dynamically build these layers of menus
106:51 right um so on page load when it creates the drill down um it's in a light box and its width and height are effectively zero so when it built the container it set the height to zero and it set the
107:05 height to the maximum width to zero so um so yeah so basically we just have to forcibly set that to be height 100 forcibly set that to be height 100 and then max with 100 so that it fills that light box
107:18 does that make sense 100 you don't need to make the height 100 like you knew it was only you if maybe you only wanted it you know right in the middle you could set it to 50 or something like that right um you know so that that would work you don't need to have width height
107:31 you know set to 100 but that you know that definitely does work to fill the light box sweet cool anything else guys
107:45 no no no cool thank you thank you excellent i went a lot longer than we we did some cool stuff today actually yeah it was a lot of fun yeah now some interesting stuff
107:59 i was here for every moment of it when are you gonna start popping back in on fridays man um hopefully soon i have a thing that's scheduled right at the same time
108:14 so i'm going to be making changes to that okay well hopefully back i just thought okay well hopefully back i just thought your wife didn't allow you to talk to me about hats anymore or something yeah no country the time zone difference now
108:26 right it's later in the day and friday night's date night [Music] essentially i'm telling my wife that essentially i'm telling my wife that hey that's what we did that's what we
108:41 did man we moved to the saturday i'm gonna have to move it saturday yeah nice it's like sweetie we have a you can be moved yeah
108:55 you gotta go and then josh never showed up to the the the man the legend hi josh
109:14 nice meeting you hey steven you guys cool all right guys i guess we'll call it today thanks for coming hopefully we'll see some of you on friday