0:00:25
all right welcome back everyone welcome
0:00:27
back to another episode of bill break
0:00:31
of course to harrion is new here um pero
0:00:33
cortis which means we are team of three
0:00:36
melbourne australia and we've been
0:00:38
working on a project
0:00:41
relates to adding persistent storage to
0:00:44
current open source project which is
0:00:46
called scrambler ca
0:00:48
our backend is built upon express.js
0:00:52
um while we've been using a lot of aws
0:00:55
technologies more specifically dynamodb
0:00:59
and currently we've been working on our
0:01:02
which is built upon um html css and
0:01:07
so how are you feeling today guys
0:01:10
yeah really good guys
0:01:14
very good very good um you continue
0:01:19
sorry yeah she's gonna say um yeah
0:01:21
really good and pumped pumped to see
0:01:22
what you guys did yesterday as always
0:01:24
and uh yeah can you get into it
0:01:27
fantastic i'm very very good
0:01:29
introduction and right off the bat we
0:01:31
have got four viewers for the first time
0:01:38
i love that feeling
0:01:42
right uh i stopped getting too excited
0:01:45
excited it's just a start at the moment
0:01:49
i've got a fun ride to go
0:01:51
um so just before we start i'd um
0:01:54
acknowledge the traditional custodians
0:02:02
i begin today by acknowledging the
0:02:04
traditional custodians of the land on
0:02:06
which we gathered today and pay my
0:02:08
respects to the elders past present and
0:02:10
future i extend their respect to
0:02:13
aboriginal and torres strait islander
0:02:19
easy fantastic fantastic
0:02:22
it's all about automation guys all about
0:02:28
all right um finish do you want to share
0:02:31
your screen today yeah yep sounds good
0:02:36
and you probably have to pull from a new
0:02:39
branch which is called the insert notes
0:02:42
i think it already has it okay cool yeah
0:02:51
excuse my excitement it's just i'm
0:02:58
i think every time we get
0:03:03
finishing this project successfully the
0:03:05
excitement goes one level higher
0:03:09
very nice hey thanks
0:03:32
add it and now we can
0:03:37
so i saw that you guys did
0:03:47
you guys added this electric
0:03:50
um that needs to be
0:03:58
and what is this uh this part here that
0:04:02
you guys had at the screen thing
0:04:13
so i think um more than the part the
0:04:16
whole purpose is to just
0:04:18
kind of really add a
0:04:20
um notification that oh yeah your notes
0:04:23
have been saved successfully
0:04:26
um i don't think so this
0:04:30
part was the intended solution but
0:04:32
what we're really trying to do is just
0:04:36
some sort of timer or we were trying to
0:04:38
use dost js yesterday
0:04:40
if you want to look into that you're
0:04:41
welcome to look into that as well
0:04:43
or if you don't do it manually welcome
0:04:46
um don't worry about this green patch
0:04:57
in that case what are we what are we
0:04:58
going to be on today i saw the blog you
0:05:01
guys uh say you guys wanted to progress
0:05:04
on toast juice is that correct
0:05:09
yeah but like dostias is on bootstrap
0:05:13
just for one thing we wanted to put
0:05:17
create something from scratch
0:05:20
with what like what ocs is
0:05:23
um i think probably
0:05:30
do you know what chose jss
0:05:35
right so if you want to
0:05:37
google that um we can
0:05:39
learn it all together as in
0:05:43
what that is because we had a
0:05:46
glance funny yes today so we kind of
0:05:48
have an idea what that is but it would
0:05:51
be good to go over it again
0:05:56
just the first one
0:06:08
so it might be a good idea if you want
0:06:10
to read out loud as well so okay
0:06:15
uh so bootstrap for
0:06:17
toes the toast component is like an
0:06:19
alert box that is only shown for a
0:06:22
couple of seconds when something happens
0:06:24
ie when the user clicks on a button
0:06:26
submits a form etc
0:06:29
so i guess it looks something like that
0:06:33
that looks quite nice actually
0:06:36
i think was the uh the intention uh is
0:06:41
like get dev indicated that's not
0:06:45
good idea to import the entire
0:06:47
entire bootstrap if we only want to use
0:06:50
one small component
0:06:53
from that so what we basically decided
0:06:58
create something like those js as in
0:07:03
box but with your html css
0:07:20
yeah so it would basically be just
0:07:24
css as in creating a div
0:07:28
giving it some borders um
0:07:31
saying the width and the high and in
0:07:34
there creating some text
0:07:41
okay all right um all right cool
0:07:45
probably need you guys to help me with
0:08:02
should we create it in here
0:08:07
create right on top of the existing
0:08:10
buttons that we have
0:08:12
just basically to see how it
0:08:16
and then we can decide on the
0:08:19
place that we want to put it so there
0:08:22
must be if you find out buttons
0:08:26
command f if your mac
0:08:32
okay yeah so you should
0:08:34
you know on top of that online 94 where
0:08:41
yeah you can basically
0:08:45
apply some borders on this div
0:08:49
so if you go onto the
0:08:52
class which is in css i'm really sorry
0:08:56
about this i forgot to put on silent
0:08:59
it won't happen again
0:09:07
and then go right at the bottom
0:09:11
yeah over here yeah okay
0:09:13
so basically if you want to apply
0:09:17
to the alert class
0:09:21
okay you want a actual border are you
0:09:23
you're talking about the size here
0:09:29
just the border itself okay as in the
0:09:36
just make it solid um it's like black
0:09:42
i think you give it
0:09:46
oh you can give it in one
0:09:48
so you will probably do one px
0:09:52
and then the color and then solid
0:09:55
i think it's black solid
0:09:58
and that one but yeah
0:10:00
let me have a look
0:10:01
if that works then it works
0:10:14
just try giving it on
0:10:18
let me just have a look here
0:10:25
uh so with style color
0:10:47
feels good to have two dev
0:10:54
oh yeah he recently passed right
0:10:56
yeah yeah in like a month
0:11:00
that's pretty good
0:11:01
yeah it's really good
0:11:03
yeah fantastic achievement though
0:11:07
can we see the borders
0:11:14
i don't know why i must be color blind
0:11:20
i'll just make it thicker i think i i
0:11:22
think i can see them
0:11:47
i don't even know anymore if i passed it
0:11:56
that is a lot of powder
0:12:03
but just just so you can see it
0:12:09
just basically i try to
0:12:11
replicate the toes just hello box
0:12:22
white uh border can be yeah whatever
0:12:29
copy the style like this
0:12:33
yeah that could be one way yeah that's a
0:12:42
think so because it has toast header
0:12:48
means just those uh
0:12:52
you know that makes sense yeah yeah yeah
0:12:56
i mean we can add another div as well
0:12:58
and then just kind of uh
0:13:02
add these kind of classes and then just
0:13:04
copy this with styling from exactly
0:13:07
if you guys wanted to do that yeah
0:13:14
um place this one toast
0:13:20
so if you want to just copy
0:13:22
whatever the attributes are in the
0:13:25
in the toast class
0:13:39
maybe i'll just uh
0:13:42
i'll actually type it so then cool
0:13:45
yeah that's the idea
0:13:49
it's good for your finger memory
0:13:58
what you guys do today
0:14:09
obviously finished worked and then
0:14:14
ran out to close to get a few stuff
0:14:26
um i went to south bank
0:14:29
is mexican restaurant
0:14:34
that explains the meeting
0:14:38
oh now i know what the meeting was
0:14:44
making excuses already sam
0:14:49
there are eighty percent of the things
0:14:52
you don't know yet
0:14:54
i'm glad i'm letting your assumptions
0:15:01
very nice that's good
0:15:03
how about yourself
0:15:06
just been on a little bit of shopping
0:15:09
had an interview in the
0:15:10
morning yeah pretty normal day
0:15:15
okay cool yeah what about you tennis
0:15:19
uh pretty busy day
0:15:22
just working all day and
0:15:25
i've then for a jog the evening
0:15:27
and then made dinner and
0:15:34
i like was an improvised from like going
0:15:37
to dinner so i went to kohl's
0:15:55
i don't know today was a very lazy day
0:15:56
like felt like a weekend to me
0:16:01
i know why your exams just finished
0:16:20
yes sorry more coding
0:16:24
coding is the way forward
0:16:33
it's pretty interesting to see if
0:16:34
there's never seen it before
0:16:38
css never seen that before
0:16:54
all right let's look
0:16:55
have you guys seen that
0:16:58
it's interesting huh
0:17:00
i've never seen that
0:17:01
you know what that does not quite
0:17:09
gives a bit of a shadow
0:17:12
in the box uh around the box
0:17:26
why did it disappear
0:17:59
the very little knowledge that i've got
0:18:08
if you know you know
0:18:10
if you know you know
0:18:22
hope that's not another fire we get
0:18:33
really funny at the moment
0:18:43
yeah css essentials this is going to you
0:18:45
demi now yeah spss essentials
0:18:50
or css for dummies
0:18:56
the classic sniffer show
0:18:58
what is the box shadow it gives the
0:19:00
beautiful shadow room to the box wow i
0:19:04
learned something new today
0:19:08
and mean css could be it could be really
0:19:10
complicated as well yeah
0:19:13
especially i think
0:19:19
which is kind of a programming
0:19:23
i guess currently if there's a css
0:19:30
there probably is like someone went
0:19:32
ahead and wrote bootstrap that was a
0:19:38
yeah true what imagine there is
0:19:42
so that's looking pretty good um
0:19:52
a look i just want to kind of copy it
0:19:58
but they didn't use a padding i think
0:20:00
they used something else they
0:20:04
maybe a margin bottom
0:20:11
just try that i think see if we can get
0:20:15
uh if we comment out the padding
0:20:19
then it disappears right
0:20:25
that's like a general case right like
0:20:27
there are people who are
0:20:29
good at programming and then there's us
0:20:41
finish it might be a good idea you know
0:20:44
how you're using these different units
0:20:47
as in pixels versus rem and
0:20:52
if you want you can still as in on the
0:20:55
stream go and check what is
0:21:03
okay you don't know them because that's
0:21:05
a part of all the learnings i feel like
0:21:08
rem is more preferred these days just
0:21:13
people who do react generally use rem
0:21:20
i've heard that as well
0:21:23
yeah i mean i've started using rem
0:21:44
uh can you guys explain the difference
0:21:51
rem is a three-letter word and the um
0:22:02
it's like an interview question man
0:22:04
looks like my interview answer actually
0:22:16
yeah that's a good question to be honest
0:22:18
yeah even i don't know what it is
0:22:20
no i'm just having a
0:22:22
look even to be honest
0:22:27
clever because i don't really know the
0:22:34
um what it says that um
0:22:40
setting the font size of an element
0:22:43
relative to the font size of his parent
0:22:49
yep yeah that's em
0:22:54
yep and our name is relatively footer
0:22:57
but yes story clip that any day yes yeah
0:23:06
rem is based on the size of the root
0:23:11
elements where em is on the parent
0:23:16
okay yeah that makes sense
0:23:24
oh i think i'm in a funny mood today
0:23:36
let me try this guys let's
0:23:40
see if this will work
0:24:03
it seems like people don't give css the
0:24:05
credit it deserves
0:24:13
because if the people like me they copy
0:24:20
it works that's it
0:24:24
i'm just kidding i'm just kidding
0:24:30
here css i think it's equally powerful
0:24:33
than any other as in html or even server
0:24:37
side languages as well
0:24:42
yeah it's pretty complex to be honest
0:24:48
what'd you say again i i i see this time
0:24:52
i was saying it's pretty complex csx
0:25:02
i mean i think it's more complex than
0:25:04
the syntactical part rather than
0:25:06
any logic involved in it
0:25:13
like knowing uh sometimes like knowing
0:25:17
like you know like which
0:25:20
uh element to select that sort of thing
0:25:23
that's what makes it i find it tricky
0:25:29
um so yeah they didn't show actually
0:25:33
so what were you trying to do finish
0:25:40
give it the you know the width and the
0:25:43
height that sort of thing
0:25:45
um did you mention this in html
0:25:50
are are the divs mentioned interesting
0:25:57
created i don't think that's uh the
0:26:00
class that's referenced in html itself
0:26:07
i'm using the alert one but i think
0:26:09
actually i think this is not right this
0:26:11
is this is for the
0:26:12
yeah this is for the outer right
0:26:22
you're trying to use the alternate is it
0:26:30
and what was that supposed to do
0:26:33
i was thinking i was gonna give it um
0:26:42
because you know you guys were using
0:26:43
padding earlier but actually that
0:26:45
doesn't really make sense right because
0:26:49
add the margin on the bottom rather than
0:26:51
inside so yeah that's uh that's on my
0:26:55
it's not correct that's what i'm trying
0:26:59
right because the one day you've got
0:27:04
why do you have that
0:27:07
i just copied it from the uh oh okay
0:27:10
yeah yeah yeah right right right
0:27:32
yeah truth a good pointer sorry
0:27:38
all right i think uh
0:27:41
say let's add these divs as well and
0:27:43
then we can uh we can utilize this css
0:27:50
that sounds like a plan
0:28:14
um what do i i put in my toast um i'll
0:28:19
say a strawberry jam
0:28:27
golden brown as well
0:28:31
is that what you're asking
0:28:56
i think in australia it's vegemite but i
0:29:03
that's the one from britain
0:29:07
no one everyone else
0:29:13
yeah i don't know who likes it
0:29:16
yeah me neither i don't really like
0:29:20
i know a guy who works in the
0:29:24
regional victorian like the vegemite
0:29:26
factory or something
0:29:46
is just people saying that oh yeah this
0:29:49
tastes bad but i'm just gonna still make
0:29:52
it you're right right yeah
0:30:01
i think there's a supporter that you
0:30:03
might have a feeling
0:30:12
have it enough times you come to like it
0:30:17
once you have it enough times you come
0:30:20
i don't think so there's enough time
0:30:23
to start like that
0:30:28
do you like it see
0:30:31
just thinking that maybe
0:30:37
now when i did my farm work
0:30:41
i had the one from the farm
0:30:45
basically had the bulk of it and i was
0:30:49
like i should try this
0:30:51
and i just had it once i could i just
0:30:56
took the first bite of the toast
0:30:59
i couldn't finish it
0:31:03
i want to emphasize when tori's comment
0:31:05
when he's like tastes like salty gym
0:31:07
snack like everything that tastes bad is
0:31:10
related to being healthy for some reason
0:31:15
like veggie might taste bad so it's
0:31:17
being advertised as like a healthy thing
0:31:20
how is vegemite healthy i don't know
0:31:22
some people a lot of my aussie friends
0:31:24
say that oh yeah it's healthy for you i
0:31:26
eat it every morning
0:31:27
i'm like no it's not no i don't think
0:31:32
there's uh there's some sort of vitamin
0:31:34
right that uh vegemite has that's the
0:31:38
even zen's drink is healthy but
0:31:44
correct you if you watch a youtube of
0:31:47
the comparison you would know
0:32:01
everybody likes that though
0:32:03
i mean i had it it was pretty good for
0:32:07
what is the string see
0:32:16
what's it meant to do like give you more
0:32:19
so it's a version of
0:32:21
you can say a red bull but healthier
0:32:25
it gives you cheaper energy just like
0:32:27
think like a cheat on it
0:32:41
ran with tori as in
0:32:45
didn't have you and
0:32:47
jack dev as in both uh for a few days
0:32:51
and they wanted your presence so they
0:32:55
like okay if the famous people
0:32:58
aren't coming we're not gonna bother
0:33:04
i remember this show from childhood
0:33:06
which it was called cake batoski
0:33:09
i don't know if you guys have heard of
0:33:13
no it was it was really on like energy
0:33:17
like there was this particular energy
0:33:19
drink which was the show was on
0:33:22
exam would be a good good role in that
0:33:31
yeah it was like a cartoon actually not
0:33:36
i am a bit confused is is that
0:33:39
compliment or an insult it's it's a
0:33:41
complex it was like a really really cool
0:33:44
like he was the coolest kid in the
0:33:47
who did that kind of
0:34:00
that's looking pretty sexy
0:34:03
yep maybe a bit smaller though for uh
0:34:16
like a smaller width you see
0:34:20
i think so i mean it's a safe
0:34:22
notification and it's almost like 40
0:34:24
percent of the board
0:34:32
a little bit more than half
0:34:36
padding as in around it
0:34:46
padding at the moment
0:34:48
like we're just using um
0:34:52
um what's it called padding to to create
0:34:55
the exercises actually or maybe maybe if
0:35:09
yeah that decreased it um
0:35:13
what do you guys think
0:35:17
go to the original one as in the toast
0:35:20
yes one and just basically replicate
0:35:23
yeah that's what i did um
0:35:26
we didn't get everything though but
0:35:29
yeah probably poor cross button over
0:35:45
so there would be a small large text
0:35:49
i mean it's going in a button as well
0:35:58
this is supposed to be a toast
0:36:05
the whole idea behind doing this as in
0:36:11
timo is that we don't really want to
0:36:13
import bootstrap as a whole if we just
0:36:17
need only one single component
0:36:22
which is why we are trying to
0:36:31
yeah that makes sense
0:36:35
and that was basically a good exact
0:36:38
depth or idea ideal
0:36:43
bootstrap if you're just importing one
0:36:58
keep it simple stupid
0:37:11
i didn't get that oh oh yeah
0:37:16
i don't think i'll say gag def
0:37:31
i haven't ever seen anyone sighting
0:37:52
i wonder if it would have been easier to
0:37:56
import the bootstrap
0:37:58
no no i mean um just find a piece of
0:38:01
code that has like a you know very
0:38:03
similar alert box and then just copy
0:38:08
you know doing it typing all this out
0:38:14
you don't want to type anymore
0:38:17
no no no i'm just saying and now it can
0:38:20
take really long but um it will really
0:38:28
work as well because i find this i found
0:38:33
i saw it a really big hurdle that
0:38:36
because i was copying and pasting when
0:38:38
it came to interviews i really sucked
0:38:42
as in writing the code
0:38:45
yeah yeah okay that makes sense
0:38:54
what are you trying to do exactly now
0:38:57
i'm just trying to add the that
0:38:59
x on the side that we have
0:39:02
um that they have on um
0:39:04
one here okay and how have they added it
0:39:12
that dismissed toast
0:39:18
i'm curious what's the bet on today
0:39:31
i think i think okay i'll say it i think
0:39:34
the bet is on saying the word middleware
0:39:38
so if it is middleware middleware
0:39:43
i think so that's what i think
0:39:50
okay yes so i think if i say little gig
0:39:58
i don't know when dory gets a point
0:40:10
maybe we can just um
0:40:18
javascript function and then call that
0:40:21
when we click the cross button
0:40:26
yeah yeah but i was just just wanted to
0:40:28
get it displayed you know what i mean
0:40:30
like on the side yeah yeah yeah for sure
0:40:45
they just imported the
0:40:47
whole toast thing and i know but they
0:40:55
placed it on a certain place
0:41:02
and then after the strong class so it's
0:41:04
all coming in the div
0:41:08
yeah and that source had a div so maybe
0:41:12
yeah i did that as well um but i didn't
0:41:15
i didn't copy the css so maybe
0:41:21
yeah let me try and copy this the css
0:41:23
and then maybe it will uh look better
0:41:36
what do you guys think of that
0:41:38
it's a good idea or
0:41:43
didn't say it because um
0:41:45
i completely agreed with it
0:42:08
copy and paste toast from
0:42:13
your proper skills to even copy and
0:42:15
paste and provide and that's what we are
0:42:18
learning at the moment
0:42:20
coffee and tasting
0:42:33
post message done done and dusted in 15
0:42:38
let's do this very nice
0:42:45
uh give me one sec guys let me just
0:42:56
juice they have been nice so aft
0:43:18
why are you staying ready
0:43:22
well it's supposed to
0:43:31
it's so hard sometimes i like
0:43:34
like reading comments and like because
0:43:39
and we have to reply and i'm very
0:43:46
oh yeah in a good way
0:43:57
maybe i do need some energy drink
0:44:07
in the afternoon instead of coffee
0:44:15
yeah i started sleeping early
0:44:24
because your brain is a bit more relaxed
0:44:28
she don't have any assignments
0:44:30
yeah yeah i mean assignments made me
0:44:37
they are the killer though
0:44:41
started sleeping early started waking up
0:44:48
um depends what job are we talking about
0:44:53
um if you're talking about the one which
0:44:55
i told you about the interview no i
0:44:57
didn't get that one
0:45:03
um if you're talking about the other
0:45:04
ones i think they are in making
0:45:07
i gave an interview today today one was
0:45:13
um pizza no i still have to apply but
0:45:27
i have done the technical assessment i
0:45:30
have to submit it tomorrow by tomorrow
0:45:33
so i'll just submit it tomorrow morning
0:45:36
i'm pretty confident with the technical
0:45:38
assessment i was pretty easy
0:45:41
um i think next would be just talking to
0:45:44
the managers less hr mm-hmm i should
0:45:54
kind of expectations are you gonna
0:45:57
i think get this job
0:46:02
that's ideal like from the looks of it i
0:46:05
mean as in from as in a person can cause
0:46:08
their own performance
0:46:10
so from that perspective i'm asking i
0:46:12
mean i'm pretty confident with the
0:46:16
problem they gave me so
0:46:19
uh worked on the assessment um
0:46:22
it's stuff revolving regex and
0:46:29
like analytic stuff
0:46:32
like there was a very very
0:46:35
major regex question on it
0:46:38
but you know um thankfully uni taught us
0:46:43
you're right right
0:46:47
finish what are we on now because that's
0:46:51
nearly done which is fantastic
0:46:56
the x i'm trying to
0:47:01
the styling is all right but i want to
0:47:02
get it up there right um
0:47:07
what's in the hap headache
0:47:11
what's in the head
0:47:17
you know what tori it's not that bad
0:47:21
should this go in the heritage
0:47:36
do you guys use prettier too
0:47:40
let's use the formatter prettier
0:47:43
formatter to make it look nice
0:47:46
uh i've got that installed but
0:47:51
choose there i need to start using it
0:47:59
okay and um if you go on the class
0:48:04
to the button and just will flow right
0:48:13
uh flow right yeah i've already done it
0:48:16
here oh you uh do an exclamation mark
0:48:22
as in um if yeah no important and then a
0:48:31
brings you on the right
0:48:37
hard refresh maybe
0:49:00
because it's a text i think
0:49:07
no one will text your capacity
0:49:14
um that's true tori but i think
0:49:19
it's not that complicated though um
0:49:24
like go down in the close okay that's
0:49:27
fine you can try this one first
0:49:30
okay i think i might know why is it not
0:49:39
okay yeah you let me know what you think
0:49:43
are you also choosing the class close
0:49:54
uh what do you have in that one margin
0:49:59
okay probably remove
0:50:07
um i just copied this from the
0:50:10
from um w3schools actually
0:50:15
um yeah just try and
0:50:20
because i just want to check
0:50:24
because you have got the margin left
0:50:29
could potentially be the reason but i'm
0:50:31
not 100 sure about it we can
0:50:39
do you want to inspect element
0:50:44
and doing that one
0:50:48
padding background border
0:50:50
button though close okay we need to play
0:50:54
it doesn't have the flow right on there
0:50:57
and button or close
0:51:00
i um yeah they didn't have it on on here
0:51:05
right right right i think it's because
0:51:08
you have combined or close and then a
0:51:13
closed again and it might be getting
0:51:15
confused if you want to enter the flow
0:51:20
button.close okay i'll try that
0:51:39
but that sounds like a good idea
0:51:58
do you want to go back and remove the
0:52:00
flow right in the door close okay
0:52:06
um we have a look at what
0:52:09
um maybe what are we missing from here
0:52:14
oh no yeah sorry um
0:53:01
i don't get the context
0:53:27
it was just such a good call
0:53:40
you can laugh hopefully what am i
0:53:45
no just for teresa earlier
0:53:50
you should make her
0:53:54
no so he meant that because we copied
0:53:56
everything from wp schools and it's not
0:53:59
working for us to make you make our own
0:54:02
q on w3 schools that he doesn't work
0:54:27
oh uh can you go back to the button
0:54:34
yeah probably insert the button in its
0:54:38
and then try and do it
0:54:44
thoughts i don't think i have any
0:54:46
thoughts right now
0:54:49
and free from all the earthy earthly
0:54:55
way above them now
0:54:59
hang on are you high
0:55:00
no it's called being sleepy
0:55:08
yeah you see on here saying they've just
0:55:11
yeah you know they've just put it in the
0:55:15
that's what i'm thinking but
0:55:20
causing a problem for life
0:55:26
that's true i've achieved it
0:55:49
what what really is nothing
0:56:10
getting close to the screen
0:56:28
like an old person
0:56:35
jacked up i love sniffing code
0:56:46
okay i need to base all right i'm not
0:56:49
gonna wash that chair because i'm gonna
0:56:56
so just so you know i can't
0:56:59
see the chat chat now i'm gonna
0:57:03
now is the time to tell me zen secret
0:57:11
but you're looking at the chat then
0:57:18
i'm just trying to think
0:57:24
what does it do when you remove um
0:57:37
maybe it's because we missed the classes
0:57:43
yeah yeah yeah i reckon we
0:57:51
says the whole idea of coping
0:58:05
all right okay i think um i think we
0:58:08
were missing is um
0:58:10
yeah we should have oh
0:58:13
right right try yeah so let me let me do
0:58:33
these guys come up with uh you know
0:58:36
the pretty funny stuff isn't it
0:58:41
i don't want to look at the chair now
0:58:45
i do then i'll come right in
0:58:47
in the screen as in here
0:58:55
death cup was yesterday um
0:58:58
maybe worth looking into
0:59:15
either the solution is to properly
0:59:17
configure it which we really did um just
0:59:20
configure it to our machines or
0:59:22
just just not use it for now
0:59:30
okay it's also a reminder on the time
0:59:54
five or ten more minutes
0:59:56
and then if we can get this
0:59:58
done then that'd be
1:00:01
great otherwise you can always come back
1:00:09
yeah yeah yeah oh there we go
1:00:14
perfect that is looking sexy
1:00:18
nice so we did copy now don't finish
1:00:26
the nation learns a smart way of copying
1:00:32
cool and um do you want to create a
1:00:36
function that dismisses the
1:00:41
that could be a good default quote
1:00:44
okay i'm missing out now
1:00:49
you're not actually
1:01:09
five more minutes to um
1:01:12
create a function that this
1:01:16
that distances the entire div
1:01:21
yep cool let's do that um
1:01:26
should we add it in uh script dot js
1:01:32
i can add it there
1:01:33
um you guys added another function here
1:02:06
yeah now just seeing where to do it but
1:02:09
this function essentially will um
1:02:15
we'll alter the css and make it display
1:02:19
display none or something like that
1:02:29
yes basically they
1:02:31
it will say get this id and
1:02:35
display none probably yeah
1:02:39
i don't know if that would work but
1:03:07
do you want to hard code it in initially
1:03:09
is that that's what you're saying
1:03:22
id and then do this and then probably do
1:03:29
okay i said document dog
1:03:59
would be equals and then
1:04:07
is that such a thing
1:04:10
it's pretty equal to none generally
1:04:16
does the css properly
1:04:18
it's a css yeah yeah my bad i got
1:04:22
confused they hang on a minute i think
1:04:23
you do dot display is equal to none
1:04:27
or something style
1:04:38
like uh there'll be something um
1:04:43
uh it would be as in yeah
1:05:18
let's see if that works and then
1:05:36
and the function name
1:05:41
with brackets i guess here
1:05:44
try this and um see
1:05:53
if that works thenesh you got the job
1:06:12
the dub doesn't pay anything
1:06:20
all right guys yes
1:06:22
and this doesn't be anything though
1:06:35
w free school specialists
1:06:38
yes i am a little bit jealous
1:06:43
w3schools engineer
1:06:52
cool guys it's a pretty good session
1:06:54
good progress um well done
1:07:07
the humor love there
1:07:13
yeah so of course uh this is done today
1:07:16
so tomorrow i guess we'll be moving on
1:07:19
updating functionality which
1:07:21
shouldn't be really hard at all since we
1:07:24
have got the foundations laid which is
1:07:27
fantastic um have you got
1:07:34
yeah it looks pretty good um yeah yeah
1:07:39
yeah um comments were good tonight
1:07:44
fantastic um all right guys
1:07:46
feel to tomorrow's same time
1:07:51
and a different task
1:07:52
fantastic have a good night guys catch
