►
From YouTube: Websites Weekly Meeting (17th October, 2022)
Description
Layer5 Websites Meeting - 17th October, 2022
Agenda:
Service-mesh-patterns
- Discussion for the placement of CTA’s.
- Improvements in CTA
layer5.io
- Fix svgs for checks #3334
- Landscape page table update in dark mode#3332
- This static list of integration categories is not ideal - We will be adding a hundred more integrations very soon. Ideally, the list of integration categories is dynamically discerned from the values present in the frontmatter of the collection of integrations.
- Dynamic filters list on /Resources
- [volunteer] Badges on layer5.io - what do they mean and how do I collect the whole set?
- UX/UI Badge - need a badge designed.
meshery.io
- Designing dark mode
- Navbar overlapping issue
- Logos in used-by section is not adaptive
Docs.meshery.io
- Consistency regarding the checkmarks on all projects.
Join the community at https://layer5.io/community
Find Layer5 on:
GitHub: https://github.com/layer5io
Twitter: https://twitter.com/layer5
LinkedIn: https://www.linkedin.com/company/layer5
Docker Hub: https://hub.docker.com/u/layer5/
A
B
Hello,
everyone
so
recently
I've
been
hired
as
a
junior
react
developer,
so
I
just
wanted
to
explore
more
things.
That's
why
I
got
into
open
source
I,
don't
know
much
about
these,
but
for
now
I
will
not
be
contributing
and
I
will
be
contributing
from
next
month,
because
I
right
now
I'm
doing
two
jobs.
B
A
A
C
A
C
A
In
the
light
mode,
you
have
changed
the
design
of
the
nav
bar
as
well
right.
So
what
we
don't
want
to
do
for
this
site
measuring.io
is
that
we
don't
want
it
to
be
exactly
similar
to
our
layer,
5.io
site,
so,
which
is
why
the
navbar
was
initially
designed
differently.
This
is
I,
think
exactly
similar
to
the
layer,
5
the
tire
side,
so,
in
the
light
mode,
I
think
we
can
revert
back
to
the
previous
design
because
we
don't
want.
We
want
them
to
be
different
sites.
A
A
B
A
D
D
A
A
D
So
it
doesn't
make
sense
to
do
duplicate
work
and
only
once
we
have
a
final
station
we
should
like
for
it
because
see
it's
fine,
it's
going
fine,
but,
to
be
honest,
the
colors
are
not
you
know
going
as
we
would
have
wanted.
Like
some
place,
you
are
using
gradient
too
much
or
some
places
the
colors
are
not
suiting
with
as
per
the
light
mode.
Whatever.
D
A
Right
so
Krishna
you're
not
into
UI
ux,
buying
the
same
stage,
so
I
think
what
we
can
do
is
we
can
once
like.
There
is
talk
about
redesigning
this
site
and
I
think
what
nikhil
mentioned
just
now
is
that
if
we
change
this
site
based
on
the
dark
mode
efforts
right
now,
you
might
have
to
rework
like
a
lot
of
areas.
So,
let's
first
finalize
the
design,
because
it's
not
your
fault
to
come
up
with.
You
know
good,
colors
and
stuff,
it's
a
very
difficult
job.
So,
let's
finalize
a
design.
A
First,
let's
lay
out
the
design
and
one
you
what
you
can
do
is,
since
you
have
the
dark
mode
structure
and
switching
in
place,
you
can
think
of
ways
to
improve
the
themes
and
the
colors
like
the
way
we'll
implement
the
dark
mode.
But
let's
finalize
the
design,
only
after
a
proper
design
is
laid
out
because
otherwise,
on
every
call,
we
can't
review
every
component
one
by
one.
If
we
have
a
design
will
be
easier
for
you
as
one
right.
A
Yeah
I
get
it,
but
we
don't
want
to
like
base
your
effort
because
you're
going
on
the
right
track,
but
since
design
is
not
like
everyone's
cup
of
tea,
so
that's
why
we'll
probably
want
to
get
like
involved
you
and
put
you
in
touch
with
a
couple
of
UI
U
access
that
we
have
in
the
community
and
then
I
think
we
can
come
up
with
a
better
design
for
both
light
mode
and
dark
mode.
Is
that
right
yeah?
C
C
A
B
A
E
E
E
E
There
was
some
inconsistency
like
overhead.
There
is
this
half
green
and
then
on
this
side
there
is
this
yellow
heart,
so
yeah
I
tried
to
make
it
consistent
for
all
the
areas
of
layer.
Five,
so
here
is
like
the
updated
one
that
would
be
visible
after
this
PR
is
merged,
so
these
are
like
the
yellow
circles
over
here.
The
same
as
for
this
image
as
well,
the
same
yellow
circle
is
highlighted
over
here.
E
E
I
I
discussed
that
with
Lee,
so
he
also
was
like
I
asked
him
regarding
that
a
few
favors
half
yellow
over
full
yellow.
So
he
said
that
like
having
a
yellow
color,
it
in
itself
defines
that
okay,
that
is
a
partial
one,
a
50
person,
so
we
don't
have
to
like
have
a
half
circle
so
somewhere
in
here
I
guess
he
did
mention
like
I,
asked
her
so.
E
A
A
B
Okay,
my
name
is
Franklin
I
I
joined
the
community
about
maybe
a
month
ago
and
I'm
actually
just
trying
to
explore,
like
you
know,
different
aspects
of
the
project
and
you
know
looking
to
contribute
on.
You
know
different
things.
I
think
I've
just
made
one
PR
for
now
and
yeah
I'm
looking
to
you,
know,
contribute
more
in
time
as
I.
You
know,
figure
out
things
with
the
product.
A
F
A
A
And
even
in
the
second,
if
you're
changing
the
second
column
like
if
you're
changing
the
button
to
point
to
something
else
other
than
discussion
forum,
even
this
callout
has
some
repetition
like
join
the
conversation
and
then
join
the
discussion
forum.
We
can
probably
change
that
as
well
or
maybe
a
call
out
to
all
our
other
projects
either
of
the
two.
F
B
A
B
B
A
So,
apart
from
that,
there
was
an
open
need
to
create
a
UI
ux
badge,
so
if
you
guys
are
not
aware
of
badges,
I'll
quickly
show
them
to
you.
So
on
a
members
page,
you
will
find
that
we
classify
members
on
the
basis
of
the
badges
they
have
called
now.
Badges
are
sort
of
recognitions
given
to
someone
if
they
have
been
associated
with
different
brands
of
our
project
for
a
long
time,
so
Community
badge
is
given
mostly
to
community
managers
landscape
for
people
who
were
involved
in
the
landscape
project,
Mastery
image
Hub.
A
A
And
for
that,
as
you
can
see,
we
will
need
a
logo
to
go
along
with
the
badge
and
these
badges
are
available
over
here
with
your
member
profiles
and
It'll,
like
it's
sort
of
an
a
reward
given
to
people
for
their
contributions
over
here
and
I.
I'm,
not
sure
if
we
had
any
volunteers
for
this
effort
yet,
but
do
we
have
any
UI
ux
contributors
on
the
call
today
who
is
interested
in
logo
design
and
probably
can
come
up
with
the
designs
of
his
badge.
A
A
If
you're
not
sure
right
now,
you
can
always
reach
out
on
the
website's
Channel
you
can
reach
out
to
other
contributors,
but
the
sooner
we
have
this
batch,
the
better
it
is
since
people,
you
know
it's,
it's
a
good
feeling
to
be
recognized
with
the
work
you're
doing
so
yeah.
So
there's
an
open
issue:
I
I'm,
not
sure
if
there
is
literally
an
issue
open
for
this,
but
if
we
don't
have
one,
we
should
open
an
issue
after
this.
B
A
A
B
D
Yeah,
actually,
the
thing
is
there
was
a
contributor
was
working
on
that
issue,
but
he
and
her
children
and
we
were
discussing
how
we
could
embed
that
plugin,
so
he
sent
out
a
draft
year
in
case
that
contributor
doesn't
come
back
with
a
solution
and
we
will
move
ahead
with
this,
we
are
like
I
will
be
complete,
completing
it.
Probably
we
had
a
plan
how
it
should
be
implemented,
but
we
don't
remember
how
the
solution
was
exactly
so.
We
just
pushed
out
a
draft
here
so
that
waiting
for
the
other
contributor
to
come
back.
A
F
Like
add
a
discussion
with
gaurav
with
what
what
is
needed
and
how
to
implement
so,
as
we
discussed
over
it
that
so
in
the
last
week,
like
I,
was
unable
to
clarify
of
why
we
are
needing
it.
But
now
I
can
tell
you
that
if
you
could
open
the
layer,
5
dot,
IO,
slash
blog
somewhere,
where
there
is
a
video
link
of
a
YouTube,
video
or
something
anyway,
like
I've,
seen
it
at
a
couple
of
places.
F
Yeah
yeah,
the
gaming
videos
so
like
so
like
just
gaurav
just
proposed
that
see
that
the
middle,
the
YouTube
video
we
could
customize
that
also
with
a
play
button
of
custom
play
button
and
other
things
also
like
customizing,
the
video.
So
for
that
we
are
looking
for
the
Gatsby
remark.
Embed
plugin
so
like
there
are
I,
was
finding
a
little
little
friction
with
it.
So
yeah
like
I'm,
still
exploring
it
of
how
to
implement.
A
F
A
A
I
can
quickly,
we
still
don't
have
soup.
I
can
do
one
of
my
open
peers,
so
I
think
I.
Think
harshith
has
been
working
on
mesh
map
and
there
is
a
list
of
like
Integrations
that
we
have
as
mesh
models.
I.
Don't
have
a
lot
of
knowledge
about
that,
but
we
want
to
list
all
of
those
Integrations
that
we
have
with
mishma
on
our
site
as
well.
So
I
think
Lee
had
shared
a
spreadsheet
with
me,
which
has
a
couple
hundreds
of
Integrations,
so
I'm,
trying
to
add
most
of
them
over
here.
A
The
problem
is,
some
of
them
might
not
have
like
I
could
not
find
Logos
or
images
for
some
of
them,
so
I'm,
first
adding
only
the
ones
which
I
can
find
images
for
both
like
light
and
dark
mode.
So
so
like
like
this,
one
I'll
have
to
change.
I'll
find
a
better
image,
but
and
another
thing
that
I'm
doing
is
since
we
use
like
since
some
of
the
logos
like
this
one
in
the
dark
mode,
it
becomes
difficult
to
find
out
like
it's
not
exactly.
A
The
the
white
version
of
this
logo
is
not
exactly
this,
but
there
are
some
logos
like
this
one
and
this
one
where
we
don't
specifically
need
another
white
version
to
be
imported
for
the
dark
mode.
So
wherever
that
is
possible,
wherever
the
logo
is
simple
enough,
that
we
don't
require
a
lighter
version.
A
Only
there
I'm
trying
to
import
like
this
one,
probably
only
then
I'm,
trying
to
import
the
white
version,
so
we
I
think
the
code
written
is
done
in
a
very
flexible
way.
So
you
can
use
both
the
methods
and
we'll
soon
have
a
long
list
of
Integrations
and
just
one
help
that
I
might
need
from
some
of
you
are
working
with
these.
Is
that
I'm
not
sure
what
categories
all
of
them
come
under?
A
So
if
you
want,
when
you
review,
if
I
am
going
wrong,
you
can
probably
add
them
in,
and
apart
from
that,
since
we
show
the
integration
on
the
home
page
as
well,
this
grid
we
shouldn't
be
showing
the
entire
release
like
now.
The
list
will
become
too
long
right.
So
do
you
guys
think
we
should
like
I,
don't
think
we
should
show
the
entire
list
on
the
home
page
it'll
become
it
will
make
the
home
bits
too
long.
So
we
might
need
a
code
to
stream
this
only
to
a
limited
number
of
Integrations.
D
Yeah,
like
we
have
only
three
workshops
and
all
three
are
hyperlinks
together
and
division
workshops,
but
we
have
a
follow-up
to
all
the
worksheets.
Similar
is
the
case
for
the
books,
just
above
it.
Above
it
we
are
showing
two
books,
but
in
all
we
have
four
books
and
we
have
a
call
out
to
check
out
all
the
deliveries.
D
A
Okay,
so
there
are
a
couple
of
call
requests
that
are
up
for
its
review
if
I'm
not
wrong,
so
I
think
there
are
some
where
the
build
is
failing.
So
if
anyone,
if
you
want
you
can
go
review,
these
I
think
this
one
is
a
pretty
small
pair.
It's
just
a
logo
change,
so
if
you
want,
you
can
go
review
them
and
we
can
merge
these
as
soon
as
possible
right.
Any
other
updates
today
is
joining.
A
Yeah,
so
all
of
them
are
listed
out
in
this
way
like
right
now,
I
think
the
list
has
become
even
longer,
so
it's
hard
coded
and
the
categories
like
we
have
in
blogs
and
especially
in
the
blogs.
What
is
happening
is
these
tags.
They
are
dynamically
added
as
soon
as
we
add
them
in
the
index
files.
So
it's
not.
It's
not
like
there's
a
separate
place
where
we
list
all
of
them
separately.
So
we
want
a
similar
concept
on
the
Integrations
page
itself,
so
I
think
gagan.
A
Please
has
volunteered
or
for
this
for
this,
so
this
one
is
taken,
but
there
is
also
in
the
resources
page.
These
filters
are
also
hard
coded
in
a
separate
file.
So
if
any
one
of
you
are
interested,
what
you
can,
what
we
can
do
is
we
can
like,
especially
for
technology
like
for
type
I,
think
this
is
enough,
because
we
have
a
fixed
type
of
resources
that
we
currently
use,
but
first
things
like
technology
service
meshes,
we
might
not
need
to
hard
code.
A
So
if
any
one
of
you
can
look
into
this,
it's
not
an
urgent
need,
but
it
will
be
a
good
to
have
if
we
can
update
these
filters
dynamically
instead
of
hard
coding
it
in
one
place
and
using
exactly
these
in
the
index
files.
So
if
anyone's
interested,
you
can
take
a
look
into
this
for
I
think
the
other
one
the
Integrations
is
taken,
but
this
is
up
like
this
is
open.
A
D
D
The
thing
is
the
main
issue
around
the
like.
The
issue
is
that
the
animation
that
we
have
for
the
drop
downs
it's
a
bit
slow
like
there
is
an
exit,
as
well
as
the
entry
animation
as
well,
and
that's
causing
the
order
between
both
of
them
like
if
you
like,
toggled,
very
quickly
between
both
of
them,
you
will
see
that
both
of
them
are
open,
70,
.,
so
that
doesn't
make
sense.
D
D
A
G
G
D
G
F
F
Down
down
yeah
so
on
the
first
look
like
take
say,
for
example,
assume
that
I
am
new
I,
don't
know
kubernetes
and
Linker
D
so
like
what
is
the
purpose
of
showing
all
this
integration?
On
the
first
instance,
that
measure
is
integrating
with
all
these
right
so
like
on
the
on
the
meship
is
like.
We
have
a
backside
too
so
like
on.
Like
clicking
these
icons,
we
could
show
the
back
side
also
where
we
have
the
name
of
these,
like,
for
example,
this
is
Linker
D.
G
It's
a
good
idea,
other
less
I,
don't
know
other
sites
will
do
something,
like
maybe
they'll,
show
a
little
bit
of
info
without
swiveling
they'll,
just
kind
of
layer
on
tops
the
name
of
the
thing
kind
of
like
a
built-in
tool,
tip
I
the
concern
with
the
swiveling.
Is
it
potentially
being
too
much
animation?
G
I,
don't
know
it's
potentially
something
to
try
like
one
of
two
things:
I,
you
know
I
think
are
good
suggestions
to
do
it,
but
basically,
like
the
problem
statement
that
you
said
is
I
think
is
valid.
Is
that
that
little
guy
that
little
sleuth
looking
gopher?
That's
looking
at
a
Footprints,
that's
Jaeger,
the
one!
Next
to
it
is
Harbor
the
one
next
to
it
is
caverno
and
I
know
all
of
them
because
very
familiar,
but
many
folks
might
not.
G
The
point
of
the
Integrations
collection
is
well
it's.
The
first
thing
you
said,
but
it's
also
just
to
impress,
is
to
let
people
know
that
it
integrates
with
lots
and
lots
and
lots
of
different
systems
we'll
be
adding
twice
or
three
times
as
many
of
these
shortly,
and
so
there
is
some
thought
that
needs
to
be
given
to
how
it
is
that
people
navigate
them
all
or
really.
G
G
You
know
you
would
it
would
seem
like
minimally
yeah
like
right
now,
when
people
hover
they
get
this
visual
indication
with
an
edge
stroke
that
they
can
interact
with
it.
The
arrow
the
cursor
right
now
doesn't
change
from
Arrow
to
hand.
It
probably
should
because
it
is
clickable
if
there
was
a
not
necessarily
a
sort
of
your
standard
tool
tip
but
kind
of
like
a
watermark
tool
tip
that
were
to
slide
up.
It
doesn't
have
to
slide,
but
just
or
to
show
in
the
bottom
half
of
the
cell,
that
that
would
be
achieving
I.
G
It's
one
of
those
things
you
might
not
you
might.
We
might
not
really
know
until
someone
implements
it
and
then
you
can
kind
of
tell
that
it's
too
much
or
not,
but
from
all
points
that
are
great.
This
is
a
great
topic:
the
integration
collection,
there's.
Certainly
things
to
do.
I
think
we
just
mentioned
changing
the
cursor
to
a
hand.
G
G
Okay,
yeah
yeah,
should
they
be
alphabetically
ordered?
Should
we
just
not
even
try
to
to
make
it
necessarily
make
much
sense
when
they're
all
loaded
rather
just
focus
on
the
visual
aspect
and
then,
if
they
want
to
find
them
at
one,
have
a
search
to
let
them
go
to
the
filters
at
top
or
there's
definitely
questions
to
be
asked
the
disabled
color
of
the
Integrations
that
have
yet
to
come,
that
that
gray,
is
it's
a
pretty
gray,
but
it's
probably
not
working
for
us
here.
G
G
So
there's
a
bunch
of
stuff
I
mean
there's
a
number
of
things,
search,
Dynamic
categories
because
we
add,
if
you
go
up
to
the
top,
to
look
at
the
filters
for
the
categories.
Okay,
this
is
one
something
really
bad.
If
you
click
on
I,
don't
know
remote
procedure,
call
ours
or
database
or
tools
or
install
like.
If
you
go
down
now,
oh
I,
guess
there
aren't
any.
So
why
are
we
showing
remote
procedure
and
I?
G
Don't
I
don't
so
we
should
correct
that
and
not
show
any
or
I
mean
not
show
the
filter
not
show
the
category
because
it
just
doesn't
yeah
yeah
there's
a
number
of
things
for
people
to
take
a
look
at
I,
think
gangan
breed
I
think
was
her
name
she's
gonna.
Maybe
look
at
the
one
or
two
of
these
challenges.
C
G
G
G
Okay,
okay,
another
one
big
Panda
that
I
have
and
for
these
products
it's
part
of
their
large
portion
of
their
value
is
predicated
upon
the
number
of
Integrations
that
they
have.
So
that
might
be
why
they're
airing
on
the
side
of
just
showing
them
all,
because
they
want
to
because
that's
the
point
they
want
to
impress,
so
they
want
to
overwhelm
now
these
have
labels
on
them.
You
know
so
you
can
more
readily,
and
and
here
they
don't
do
a
swivel,
but
they
basically
show
you
the
back
of
the
card.
G
B
A
So
all
of
you,
you
can
give
this
some
thought
you
can
look
into
other
integration,
Pages
designs,
examples
and
then,
if
you
have
any
better
suggestions
for
this,
because
yeah
even
I
agree
as
we
will
or
a
rotation
might
be
too
much
of
an
animation
for
this.
But
we
could
do
something
like
this
just
slide
the
image
up
and
show
the
name.
Something
like
that.
A
H
Okay,
so
what
I
wanted
to
discuss
is
the
consistency
regarding
the
check
marks
that
we
have
on
our
different
projects.
So
this
check
marks
usually
Define
the
test
that
we
run
on
different
things,
and
then
we
show
that
what
is
the
is
was
the
test
successful?
Was
it
not
successful
or
was
it
you
know
half
successful,
half
paid
so
in
different
projects?
We
are
using
a
different
kind
of
check
marks,
as
you
can
see
here
for
I
guess.
This
is
for
SMI
SMI
checking.
H
We
use
half
half
check
for
partially
partially
completed
test
and
somewhere
we
check
half
for
half,
half
yellow
for
partially
completed
and
and
in
some
other
places
we
just
put
yellow
for
partially
concrete
like
in
comparative
metrics.
So-
and
we
also
have
any
icon
here-
and
we
have
similar
purpose,
but
a
question
mark
icon
here,
so
you
can
see
right,
there's
different
badges
for
like
different
check
marks
for
different
same
functionality.
So
I
think
we
should
be.
You
know
making
these
consistent
throughout
our
projects.
H
H
You
know
making
making
the
check
marks
consistent
throughout
the
projects
like
having
green
check
mark
for
a
completely
completed
test,
a
yellow
check
mark
for
partially
and
a
cross
for
field,
and
if
there
is
no
test
at
all
an
n,
a
symbol
instead
of
a
planes,
question
mark
symbol,
so
yeah,
that's
what
I
was
suggesting
at
stating.
So
any
like
any
thoughts
on
that
like.
If
anything
we
should,
we
should
not
be
doing
that.