►
From YouTube: Making Koha Your Own - Andy Boze
A
Well,
I'm
andy
bose
a
systems
librarian
at
the
hesburgh
libraries
university
of
notre
dame
I've
worked
with
html
nearly
30
years
since
I
built
the
library's
first
website
in
1993..
A
In
that
time
I
hadn't
investigated
the
tools
that
won
my
ease
in
web
development
other
than
html
editors
and
occasionally
just
pressing
ctrl.
U
to
view
the
code
behind
web
pages,
it
wasn't
until
2013
that
I
became
involved
with
supporting
koha
notre
dame
has
international
programs
worldwide
and
three
so-called
gateway
programs
in
london,
rome
and
jerusalem
have
libraries,
because
these
gateway
libraries
were
at
notre
dame
international
campuses
and
hosting
notre
dame
students,
faculty
and
staff.
A
A
A
A
There
are
several
other
preferences
you
can
use
to
add
your
own
text.
You
can
find
information
about
them
and
other
theming
information
at
the
online
co-op
theming
guide,
and
I
have
references
for
that
in
the
notes.
At
the
end
of
these
slides.
A
There
were
two
textual
changes
that
we
needed
to
make
in
the
opac
that
couldn't
be
done
by
using
settings
in
the
staff.
Client
one
was
the
change
of
the
word
cart
to
book
bag.
A
The
other
was
to
modify
the
login
box.
This
required
us
to
look
through
the
files
in
the
includes
and
modules
directories
for
the
text
strings
to
find
the
correct
files
to
edit.
Fortunately,
it
was
fairly
easy
to
guess
the
files
by
their
names
next
slide.
A
A
Right
clicking
on
the
file's
name
opens
a
context
menu,
so
I
can
select
edit
from
the
menu
and
the
file
is
downloaded
to
my
local
computer
and
opened
in
a
text.
Editor
next
slide.
A
A
A
A
Okay,
after
you've
added
any
html
or
made
any
template
edits,
you
can
begin
using
css
to
style
the
user
interface.
A
A
Here
we
have
the
unstyled
and
styled
main
opac
page,
if
you,
if
you
know
to
notice
a
difference
in
the
quote
of
the
day
text,
that's
because
those
screenshots
were
taken
on
two
separate
days,
so
the
quote
actually
changed
next
slide.
A
So
we
hide
them
unless
a
unless
a
user
intentionally
clicks
on
the
local
login.
A
Okay,
there
are
two
ways
to
apply:
css
to
coho
in
the
system.
Preferences
you'll
find
a
preference
where
you
can
add
a
url
or
a
file
name
for
a
stylesheet
file.
That's
the
opac
additional
stylesheet
preference
or
the
other
preference
opac
user
css,
where
you
can
enter
the
css
directly.
A
You
can
use
either
or
both
I'm
focusing
on
the
opac,
but
there
are
similar
preferences
for
the
staff
user
interface
and
you
can
see
a
little
bit
of
that
at
the
at
the
bottom
of
that
screen.
Capture.
A
I
use
firefox's
developer
tools
and
an
add-on
called
stylus
to
develop
css.
Let's
start
with
the
developer
tools
to
inspect
the
html
of
koha's
main
page.
A
A
The
tool
highlights
the
section
of
the
page
rendered
by
the
html
and
shows
me
any
css.
That
applies
to
the
element.
A
A
A
A
I
have
two
options,
then,
either
to
save
the
css
in
the
opac
user,
css
preference,
or
to
create
a
file
and
use
the
opac
additional
style
sheet
to
point
to
it.
A
If
I'm
in
the
process
of
developing
the
css
I'll,
sometimes
use
opac
user
css,
but
for
my
completed
css
I
use
a
file
in
google
drive
either
way
works
fine
and
it's
largely
just
a
matter
of.
What's
the
most
convenient
for
you,
we
chose
to
use
google
drive
because
it's
our
institutional
cloud
storage,
so
everyone
has
easy
access
to
it.
A
If
we
stored
the
file
on
the
koha
server
or
elsewhere,
it
would
be
necessary
for
us
to
set
up
and
manage
accounts.
Furthermore,
google
drive
allows
us
to
have
a
rudimentary
version
control
system
that
we
wouldn't
have.
If
we
stored
the
css
in
the
opec
user,
css
preference
I'll
explain
how
we
use
google
drive.
A
B
A
A
Be
aware
that
renaming
a
file
to
have
a
css
extension
will
not
change
the
mime
type.
So
if
you
start
out
with
a
txt
file
and
change
it
to
css
that
still
won't
change
the
mime
type,
it
must
be
created
with
the
css
extension.
A
A
This
is
a
program
that
you
can
install
on
your
on
your
own
computer
and
then
this
maps
google
drive
to
your
local
file
system.
There
are
versions
for
windows
and
mac
os.
I
don't
think
there's
one
for
linux.
A
Here
I've
opened
the
the
css
file
in
a
program
called
notepad
plus
plus.
A
If
you
decide
to
serve
your
css
files
from
google
drive,
there
are
some
things
to
be
aware
of.
First
quahog
cannot
use
the
url
that
google
drive
gives
you
when
you
copy
the
link,
you
have
to
alter
it.
A
You
can
actually
see
the
difference
in
the
two
urls.
If
you
open
them
in
a
web
browser,
the
first
one
will
open
in
a
in
a
viewer
frame.
The
second
will
be
treated
as
a
plain
text.
File
served
it
with
a
mime
type
of
stylesheet,
and
your
browser
will
probably
want
to
download
it.
If
you
open
the
file
directly
in
your
browser
and
the
second
thing
as
noted
earlier,
the
file
must
be
shared
to
the
internet.
A
So
here's
the
software
that
I
mentioned
in
this
presentation-
I
didn't
mention
firefox,
of
course,
but
these
are
the
programs
that
I
use
so
when
scp
to
edit
the
the
file
system
on
the
server
stylist
to
work
with
developing.
A
Next
slide,
so
at
this
point
I'll
take
any
questions
and
if
we
can
get
the
screen
sharing
working,
I
can
give
you
some
actual
live
demos
of
some
of
what
I've
talked
about
at
this
point.
B
B
That
go
for
it.
I
didn't
see.
I
covered
it
up.
The
only
comment
so
far
in
the
youtube
chat
is
that
you
got
props
for
your
quote.
Styling
david
then
really
likes
how
you
style.
The
quote,
and
I
just
wanted
to
comment.
The
a
lot
of
us
are
vendor
supported,
so
we
don't
have
access
to
that
sort
of
back
end
stuff
that
you
were
showing
us.
So
if
that
looks
a
little
weird
to
people,
that's
that's
stuff.
That
bywater
does
for
a
lot
of
people.
Yeah.
A
And
actually
that
was
something
I
wanted
to
mention
too,
is
that
if
you're
vendor
supported,
then
you
can
do
you
can
do
all
of
this
stuff,
with
the
exception
of
of
the
actual
accessing
the
file
system
and.
B
A
Yeah
yeah,
if,
if
you
don't
have
to
edit
the
the
templates
yourself,
it's
it's
kind
of
a
a
good
thing.
It's.
It
was
a
little
daunting
at
first
just
trying
to
figure
out
which
was
the
the
right
template
file
to
edit
and
then,
as
I
cautioned
it's
a
good
idea
to
make
backups,
because
if
you,
if
you
don't
and
screw
something
up,
you're
kind
of
you're
kind
of
dead.
B
Yeah
and
the
other
benefit
of
using
the
system
preferences
like
internet
user.js
and
internet
user
css.
Those
are
like
when
you
upgrade
all
that
chunk
is
right.
There
yeah
so
like.
If
something
breaks
your
you
can
just
piece
it
in
and
out
and
figure
out
what's
broken
and
that
sort
of
thing
you
don't
have
to
dig
into
the
file
system
as
much
so
it
makes
upgrades
a
little
smoother
as
well.
Yeah.
A
That's
true,
so,
let's
see
if
I
can
share
the
screen
here.
A
B
Will,
oh,
we
do
have
some
stuff
coming
through
on
the
youtube
chat.
It
is
a
little
slow,
as
I
mentioned.
David
also
mentioned
that
some
of
your
tools
are
very
useful.
Stylus
he
likes
stylus
a
lot.
Someone
asked
is
asking
if
you
can
talk
about
how
to
convert
the
link
to
a
usable
one.
A
Yeah,
let's.
B
A
Can
can
you
all
see
my
my
screen.
A
Yeah
there
we
go,
I
won't.
I
won't
send
this
to
full
presentation
mode,
otherwise
we'll
get
to
get
my
voice
over.
A
A
A
A
So
this
is
what
happens
if
you
just
load
the
the
file
in
your
browser
that.
A
That
you
copy
directly
from
google
drive
there
we
go
so
it
you
can
see
it.
It
opens
it
up
in
in
a
in
a
viewer.
A
A
So
using
this
second
url.
A
A
You
can
you
can
serve
a
file,
a
css
file
off
of
any
any
file
server
you
happen
to
have
you
just
need
to
make
sure
that
it's
served
with
the
with
the
correct
file
type.
B
And
george
asked
george
wasn't
here,
so
I
think
andy
is
you
mentioned
you
were
using
google
because
that's
your
institutional,
where
your
institutional
stuff
is.
He.
A
B
A
We've
we've
actually
talked
about
that
and
I,
I
suspect
one
of
these
days.
We
will
probably
move
our
files
over
when
we
started
doing
this.
Some
years
ago.
We
were
just
really
starting
to
use
github
and-
and
in
fact
we
were
using
some
other
repository
at
that
point.
A
I
don't
remember
what
we
were
only
just
starting
to
use
it
at
that
time
and
now
we're
pretty
heavily
on
on
github,
and
we
have
a
lot
of
of
of
things
that
that
we
are
serving
out
of
out
of
github.
A
So
I
I
wouldn't
be
surprised,
if,
probably
within
the
next
couple
of
years,
that
we
do
move
this
stuff
over,
because
the
diversion
control
was
is
better
and
we
really
only
have
a
couple
of
people
at
this
point
working
on
the
css
files
so
and-
and
they
would
already
have
accounts
on
on
github.
A
So
there's
there's
no
big
advantage
for
us
at
this
point
of
staying
with
with
using
google
drive,
but
for
people
who
don't
have
github
google
drive
is
is
a
convenient
way
to
do
it.
If
you
want
to
store
your
files
separately
from
from
quahog.
B
A
And
that's
one
thing
that
a
lot
of
people
don't
realize
that
google
drive
can
do
is
version
control
it's
it
will
keep
your
versions
of
files
automatically
up.
I
think
for
30
days
and
beyond
that
like
if
there
was
a
if
I'd
made
some
edits,
and
I
knew
that
I
wanted
them
to
be
permanent.
A
A
Okay,
so
I'll
I'll
give
you
some
examples.
B
A
A
All
right
I'll
just
give
you
a
quick
example
of
how
I
go
about
developing
styles
for
for
coha,
so
I'll
start
out
just
with
this
is
this
is
how
our
page
looks,
unstyled
or
basically
out
of
the
box
in
in
cohab.
A
So
to
start
off
with,
I
would
press
shift
control
I
you
can
get
to
it
through
the
through
the
menu
as
well.
A
And
then,
if
there's
a
particular
part
of
the
page
that
I'm
interested
in,
I
just
use
the
the
element
picker
tool
here.
Just
click
on
that
and
then,
when
I
hover
over
the
page,
it
highlights
the
various
parts
of
the
html.
So
if
I
go
to
quote
of
the
day.
A
That's
yeah
there
we
go
so
that
should
be
the
whole
quote
of
the
day
section
of
the
html.
If
I
go
back
here
to
the
developer
tool,
you
can
see
that
it
has.
A
Selected
that
section
in
the
html,
sometimes
I
have
to
look
around
a
little
bit.
Sometimes
I
find
that
you
know
it
might
select
something
internal
to
the
section
that
I'm
really
looking
for.
So
I
just
make
sure
that
it
has.
A
A
So,
just
as
a
real
simple
example
with
the
daily
quote,
let's
say
that:
oh
and
this
is
the
default
style
that
just
comes
with
with
koha.
So
if
I
want
to
leave
it
that
margin
bottom
as
as
is
I
can
can
leave
that
and
then
just
by
clicking
in
there
oops.
A
A
Let's
see
if,
if
I
want
to
copy
that
css,
let's
say
the
the
whole.
A
So
that's
it's
now
copied
and
I
can
now.
I
can
paste
it
wherever
I
want,
so
you
can
paste
it
into
my
text
editor
or
what
I
often
do
is
well.
A
Actually,
as
I'm
satisfied
with
these
I'll
copy
them
into
my
text,
editor
just
to
have
a
a
place
to
to
hold
them
and.
A
And
I
can,
if
I
don't
already,
have
a
style
for
it.
I
can
write
a
style
for
for
this
host
or
the
domain
or
the
particular
url
I'll.
Do
it
for
the
for
the
host
name
and
then
whatever
html.
I
have
saved.
A
A
But
now
since
it's
in
stylus,
you
can
see
that
the
the
little
icon
for
stylus
up
here
shows
that
I've
got
one
active
rule
and
that's
that's.
Turning
the
quote
of
the
day
text
red.
B
A
A
A
A
A
We
go,
we've
got
two-factor
authentication,
so
there
we
go.
So
if
I
want
to
make
that
css
more
permanent
one
way
to
do,
it
is
just
to
go
into
quahog
administration.
A
Look
for
the
global
system
preferences.
An
easy
way
to
get
to
the
css
is
just
search
for
css.
A
A
Then
for
our
opec
preferences,
if
I've,
if
I've
already
built
the
the
stylesheet
file
and
have
it
in
google
drive
or
wherever
I
can
put
the
url
here,
otherwise
I
can
use
the
opec
user
css
open
that
up
for
this.
For
this
demo,
the
the
reason
that
you
see
this
url
here
is
because
originally
it
was
up
here
in
the
additional
style
sheet
field,
but
just
to
hold
on
to
it.
I
put
it
in
the
opec
user
css
and
commented
it
out.
A
So
I
I
hope
that
kind
of
gives
you
an
idea
of
how
you
might
use
these
tools
the
developer
tools
and
and
stylus
to
build
your
own
css.
A
It's
it's
really
handy.
I've
been
there.
There
was
a
prior
version
of
of
it.
It
was.
It
was
forked
from
a
program
called
style-ish
which
had
some
when
it
was
sold
by
its
initial
developer
to
a
big
bad
company.
It
there
were
some
privacy
issues
involved
with
it.
So
a
lot
of
people
who
are
using
stylish
switched
to
using
stylus,
which
was
also
forked
at
that
time.
For
that
reason,.
B
Makes
sense
we're
we're
rounding
out
the
hour.
We
did
get
a
little
started
a
little
late,
so
there
there's
anything
else
you
want
to
add.
I
think
you've
got
a
few
minutes
to
play
with
that.
I
don't
see
any
additional
comments
in
the
youtube
chat,
but
if
you
all
have
questions
feel
free
to
get
those
poked
in
there
now.
A
A
I'll
show
you
just
a
couple
of
other
things
that
we
did
aside
from
the
the
the
styling
of
the
of
the
page.
I
and
I
showed
this
in
the
slide.
We
didn't
particularly
like
the
the
the
way
that
that
the
login
form
worked.
So
this
was
one
thing
where
not
only
did
we
have
to
develop
the
css
for
it,
but
this
is
one
of
the
things
that
we
also
had
to
change
some
code
in
the
template
files.
A
So
it
was
a
little
more
complicated
than
just
changing
the
word
book
bag.
A
In
the
template
files,
we
actually
had
to
add
a
little
bit
of
html
directly
to
a
a
template
file
in
order
to
be
able
to
apply
the
css
in
the
way
that
we
wanted.
But
I
I
was
kind
of
pleased
with
myself
for
for
being
able
to
figure
out
how
to
kind
of.
A
A
Let's
see
then,
oh
the
other
thing
that
we
did
oops
was
I'm
already
logged
in
here,
and
this
is
the
same
thing
that
we
did.
We
had
to
modify
a
template
file
a
little
bit
in
order
to
be
able
to
apply
the
the
css,
the
way
that
we
wanted,
and
actually
we
in
the
template.
We
added
this
text
because
there
wasn't
a
way
in
the
in
the
use
in
the
system
preferences
to
be
able
to
add
the
text
there.
A
B
I'm
seeing
a
lot
of
thank
yous
in
the
in
the
chat.
George
just
said
he
finished
just
finished,
adding
silas
to
his
own
firefox.
You've
inspired
several
of
us
for
sure.
Oh
that's.
A
Great
and
I'll.
B
Just
say
I
do
I
really
enjoy
these
kinds
of
presentations
just
to
see
what
other
people
are
doing
to
harvest
ideas.
That's
my
word
harvest,
so
I
I
like
to
see
kind
of
what
you're
doing
and
ways
that
we
can
implement
it
here
for
my
own
personal
use,
but-
and
I
think
other
people
enjoy
that
too
so
good.