Äcdocutils.nodes
document
q)Åq}q(U	nametypesq}q(X���modifying and creating themesqNX#���quick start using the default themeqNX���creating a custom themeqNX3���changing the background images on the default themeq	NX���metacatui githubq
àX���creating a custom skinqNX���www.backbonejs.orgqàX	���metacatuiq
àX���using custom endpointsqNX"���advanced options for custom themesqNX���contentsqNX���backbone.jsqàuUsubstitution_defsq}qUparse_messagesq]q(cdocutils.nodes
system_message
q)Åq}q(U	rawsourceqU�Uparentqcdocutils.nodes
section
q)Åq}q(hU�hh)Åq}q(hU�hhUsourceq X`���/var/lib/jenkins/jobs/Metacat_stable/workspace/METACAT_2_7_2/docs/user/metacat/source/themes.rstq!Utagnameq"Usectionq#U
attributesq$}q%(Udupnamesq&]Uclassesq']Ubackrefsq(]Uidsq)]q*Umodifying-and-creating-themesq+aUnamesq,]q-hauUlineq.KUdocumentq/hUchildrenq0]q1(cdocutils.nodes
title
q2)Åq3}q4(hX���Modifying and Creating Themesq5hhh h!h"Utitleq6h$}q7(h)]h(]h&]h']h,]Urefidq8Uid2q9uh.Kh/hh0]q:cdocutils.nodes
Text
q;X���Modifying and Creating Themesq<ÖÅq=}q>(hh5hh3ubaubcsphinx.addnodes
versionmodified
q?)Åq@}qA(hU�hhh h!h"UversionmodifiedqBh$}qC(UversionqDX���2.2.0qEh)]h(]h&]h']h,]UtypeqFX���versionaddedqGuh.Kh/hh0]qHcdocutils.nodes
paragraph
qI)ÅqJ}qK(hU�hh@h h!h"U	paragraphqLh$}qM(h&]h']h(]h)]h,]uh.Kh/hh0]qNcdocutils.nodes
inline
qO)ÅqP}qQ(hU�h$}qR(h&]h']qShBah(]h)]h,]uhhJh0]qTh;X���New in version 2.2.0.qUÖÅqV}qW(hU�hhPubah"UinlineqXubaubaubcdocutils.nodes
topic
qY)ÅqZ}q[(hU�hhh h!h"Utopicq\h$}q](h&]h']q^Ucontentsq_ah(]h)]q`Ucontentsqaah,]qbhauh.Kh/hh0]qc(h2)Åqd}qe(hU�h$}qf(h&]h']h(]h)]h,]uhhZh0]qgh;X���ContentsqhÖÅqi}qj(hU�hhdubah"h6ubcdocutils.nodes
bullet_list
qk)Åql}qm(hU�hhZh Nh"Ubullet_listqnh$}qo(h&]h']h(]h)]h,]uh.Nh/hh0]qpcdocutils.nodes
list_item
qq)Åqr}qs(hU�h$}qt(h&]h']h(]h)]h,]uhhlh0]qu(hI)Åqv}qw(hU�h$}qx(h&]h']h(]h)]h,]uhhrh0]qycdocutils.nodes
reference
qz)Åq{}q|(hU�h$}q}(h)]q~h9ah(]h&]h']h,]Urefidh+uhhvh0]qh;X���Modifying and Creating ThemesqÄÖÅqÅ}qÇ(hh5hh{ubah"U	referenceqÉubah"hLubhk)ÅqÑ}qÖ(hU�h$}qÜ(h&]h']h(]h)]h,]uhhrh0]qá(hq)Åqà}qâ(hU�h$}qä(h&]h']h(]h)]h,]uhhÑh0]qãhI)Åqå}qç(hU�h$}qé(h&]h']h(]h)]h,]uhhàh0]qèhz)Åqê}që(hU�h$}qí(h)]qìUid3qîah(]h&]h']h,]UrefidU#quick-start-using-the-default-themeqïuhhåh0]qñh;X#���Quick Start Using the Default ThemeqóÖÅqò}qô(hX#���Quick Start Using the Default Themeqöhhêubah"hÉubah"hLubah"U	list_itemqõubhq)Åqú}qù(hU�h$}qû(h&]h']h(]h)]h,]uhhÑh0]qü(hI)Åq†}q°(hU�h$}q¢(h&]h']h(]h)]h,]uhhúh0]q£hz)Åq§}q•(hU�h$}q¶(h)]qßUid4q®ah(]h&]h']h,]UrefidUcreating-a-custom-themeq©uhh†h0]q™h;X���Creating a Custom Themeq´ÖÅq¨}q≠(hX���Creating a Custom ThemeqÆhh§ubah"hÉubah"hLubhk)ÅqØ}q∞(hU�h$}q±(h&]h']h(]h)]h,]uhhúh0]q≤(hq)Åq≥}q¥(hU�h$}qµ(h&]h']h(]h)]h,]uhhØh0]q∂hI)Åq∑}q∏(hU�h$}qπ(h&]h']h(]h)]h,]uhh≥h0]q∫hz)Åqª}qº(hU�h$}qΩ(h)]qæUid5qøah(]h&]h']h,]UrefidU3changing-the-background-images-on-the-default-themeq¿uhh∑h0]q¡h;X3���Changing the background images on the default themeq¬ÖÅq√}qƒ(hX3���Changing the background images on the default themeq≈hhªubah"hÉubah"hLubah"hõubhq)Åq∆}q«(hU�h$}q»(h&]h']h(]h)]h,]uhhØh0]q…hI)Åq }qÀ(hU�h$}qÃ(h&]h']h(]h)]h,]uhh∆h0]qÕhz)ÅqŒ}qœ(hU�h$}q–(h)]q—Uid6q“ah(]h&]h']h,]UrefidU"advanced-options-for-custom-themesq”uhh h0]q‘h;X"���Advanced options for custom themesq’ÖÅq÷}q◊(hX"���Advanced options for custom themesqÿhhŒubah"hÉubah"hLubah"hõubeh"hnubeh"hõubhq)ÅqŸ}q⁄(hU�h$}q€(h&]h']h(]h)]h,]uhhÑh0]q‹hI)Åq›}qfi(hU�h$}qfl(h&]h']h(]h)]h,]uhhŸh0]q‡hz)Åq·}q‚(hU�h$}q„(h)]q‰Uid7qÂah(]h&]h']h,]UrefidUusing-custom-endpointsqÊuhh›h0]qÁh;X���Using Custom EndpointsqËÖÅqÈ}qÍ(hX���Using Custom EndpointsqÎhh·ubah"hÉubah"hLubah"hõubhq)ÅqÏ}qÌ(hU�h$}qÓ(h&]h']h(]h)]h,]uhhÑh0]qÔhI)Åq}qÒ(hU�h$}qÚ(h&]h']h(]h)]h,]uhhÏh0]qÛhz)ÅqÙ}qı(hU�h$}qˆ(h)]q˜Uid8q¯ah(]h&]h']h,]UrefidUcreating-a-custom-skinq˘uhhh0]q˙h;X���Creating a Custom Skinq˚ÖÅq¸}q˝(hX���Creating a Custom Skinq˛hhÙubah"hÉubah"hLubah"hõubeh"hnubeh"hõubaubeubhI)Åqˇ}r���(hX
��Metacat's theming system, `MetacatUI <https://github.com/NCEAS/metacatui>`_, is deployed separately from Metacat, allowing more
independent user interface customization. Check the `MetacatUI GitHub <https://github.com/NCEAS/metacatui>`_ for the most up to date version.hhh h!h"hLh$}r��(h&]h']h(]h)]h,]uh.Kh/hh0]r��(h;X���Metacat's theming system, r��ÖÅr��}r��(hX���Metacat's theming system, hhˇubhz)År��}r��(hX1���`MetacatUI <https://github.com/NCEAS/metacatui>`_h$}r��(UnameX	���MetacatUIUrefurir	��X"���https://github.com/NCEAS/metacatuir
��h)]h(]h&]h']h,]uhhˇh0]r��h;X	���MetacatUIr��ÖÅr
��}r��(hU�hj��ubah"hÉubcdocutils.nodes
target
r��)År��}r��(hX%��� <https://github.com/NCEAS/metacatui>U
referencedr��Khhˇh"Utargetr��h$}r��(Urefurij
��h)]r��U	metacatuir��ah(]h&]h']h,]r��h
auh0]ubh;Xi���, is deployed separately from Metacat, allowing more
independent user interface customization. Check the r��ÖÅr��}r��(hXi���, is deployed separately from Metacat, allowing more
independent user interface customization. Check the hhˇubhz)År��}r��(hX8���`MetacatUI GitHub <https://github.com/NCEAS/metacatui>`_h$}r��(UnameX���MetacatUI GitHubj	��X"���https://github.com/NCEAS/metacatuir��h)]h(]h&]h']h,]uhhˇh0]r��h;X���MetacatUI GitHubr ��ÖÅr!��}r"��(hU�hj��ubah"hÉubj��)År#��}r$��(hX%��� <https://github.com/NCEAS/metacatui>j��Khhˇh"j��h$}r%��(Urefurij��h)]r&��Umetacatui-githubr'��ah(]h&]h']h,]r(��h
auh0]ubh;X!��� for the most up to date version.r)��ÖÅr*��}r+��(hX!��� for the most up to date version.hhˇubeubhI)År,��}r-��(hX,��MetacatUI is structured in a model-view-controller
architecture using `Backbone.js <http://www.backbonejs.org>`_. Some background knowledge on Backbone.js may be helpful for
advanced modification of MetacatUI, but is not necessary for editing the CSS styling and HTML of
the included MetacatUI views.hhh h!h"hLh$}r.��(h&]h']h(]h)]h,]uh.K
h/hh0]r/��(h;XF���MetacatUI is structured in a model-view-controller
architecture using r0��ÖÅr1��}r2��(hXF���MetacatUI is structured in a model-view-controller
architecture using hj,��ubhz)År3��}r4��(hX*���`Backbone.js <http://www.backbonejs.org>`_h$}r5��(UnameX���Backbone.jsj	��X���http://www.backbonejs.orgr6��h)]h(]h&]h']h,]uhj,��h0]r7��h;X���Backbone.jsr8��ÖÅr9��}r:��(hU�hj3��ubah"hÉubj��)År;��}r<��(hX��� <http://www.backbonejs.org>j��Khj,��h"j��h$}r=��(Urefurij6��h)]r>��Ubackbone-jsr?��ah(]h&]h']h,]r@��hauh0]ubh;Xº���. Some background knowledge on Backbone.js may be helpful for
advanced modification of MetacatUI, but is not necessary for editing the CSS styling and HTML of
the included MetacatUI views.rA��ÖÅrB��}rC��(hXº���. Some background knowledge on Backbone.js may be helpful for
advanced modification of MetacatUI, but is not necessary for editing the CSS styling and HTML of
the included MetacatUI views.hj,��ubeubcdocutils.nodes
figure
rD��)ÅrE��}rF��(hU�hhh h!h"UfigurerG��h$}rH��(h&]h']h(]h)]rI��Uid1rJ��ah,]uh.Nh/hh0]rK��(cdocutils.nodes
image
rL��)ÅrM��}rN��(hXÄ���.. figure:: images/screenshots/image007.png

   MetacatUI's default home page. Users can customize the appearance using themes.
h$}rO��(UuriX���images/screenshots/image007.pngrP��h)]h(]h&]h']U
candidatesrQ��}rR��U*jP��sh,]uhjE��h0]h"UimagerS��ubcdocutils.nodes
caption
rT��)ÅrU��}rV��(hXO���MetacatUI's default home page. Users can customize the appearance using themes.rW��hjE��h h!h"UcaptionrX��h$}rY��(h&]h']h(]h)]h,]uh.Kh0]rZ��h;XO���MetacatUI's default home page. Users can customize the appearance using themes.r[��ÖÅr\��}r]��(hjW��hjU��ubaubeubhh)År^��}r_��(hU�hhh h!h"h#h$}r`��(h&]h']h(]h)]ra��h©ah,]rb��hauh.KNh/hh0]rc��(h2)Ård��}re��(hhÆhj^��h h!h"h6h$}rf��(h)]h(]h&]h']h,]h8h®uh.KNh/hh0]rg��h;X���Creating a Custom Themerh��ÖÅri��}rj��(hhÆhjd��ubaubhI)Årk��}rl��(hX”���All themes share the same CSS, HTML, JavaScript and image files. Any of these files can be customized by creating
a new theme and telling Metacat to override the default files with the ones in your custom theme.rm��hj^��h h!h"hLh$}rn��(h&]h']h(]h)]h,]uh.KOh/hh0]ro��h;X”���All themes share the same CSS, HTML, JavaScript and image files. Any of these files can be customized by creating
a new theme and telling Metacat to override the default files with the ones in your custom theme.rp��ÖÅrq��}rr��(hjm��hjk��ubaubhI)Års��}rt��(hX ���1. **Create a new theme:** Copy an existing theme directory structure, found in ``js/themes``, and rename that directory after your new theme.
Notice that each theme directory looks something like this:hj^��h h!h"hLh$}ru��(h&]h']h(]h)]h,]uh.KRh/hh0]rv��(h;X���1. rw��ÖÅrx��}ry��(hX���1. hjs��ubcdocutils.nodes
strong
rz��)År{��}r|��(hX���**Create a new theme:**h$}r}��(h&]h']h(]h)]h,]uhjs��h0]r~��h;X���Create a new theme:r��ÖÅrÄ��}rÅ��(hU�hj{��ubah"UstrongrÇ��ubh;X6��� Copy an existing theme directory structure, found in rÉ��ÖÅrÑ��}rÖ��(hX6��� Copy an existing theme directory structure, found in hjs��ubcdocutils.nodes
literal
rÜ��)Årá��}rà��(hX
���``js/themes``h$}râ��(h&]h']h(]h)]h,]uhjs��h0]rä��h;X	���js/themesrã��ÖÅrå��}rç��(hU�hjá��ubah"Uliteralré��ubh;Xm���, and rename that directory after your new theme.
Notice that each theme directory looks something like this:rè��ÖÅrê��}rë��(hXm���, and rename that directory after your new theme.
Notice that each theme directory looks something like this:hjs��ubeubcdocutils.nodes
block_quote
rí��)Årì��}rî��(hU�hj^��h h!h"Ublock_quoterï��h$}rñ��(h&]h']h(]h)]h,]uh.Nh/hh0]ró��cdocutils.nodes
literal_block
rò��)Årô��}rö��(hX'���css/
img/
routers/
templates/
config.jshj�h"U
literal_blockrõ��h$}rú��(U	xml:spacerù��Upreserverû��h)]h(]h&]h']h,]uh.KWh0]rü��h;X'���css/
img/
routers/
templates/
config.jsr†��ÖÅr°��}r¢��(hU�hjô��ubaubaubcdocutils.nodes
enumerated_list
r£��)År§��}r•��(hU�hj^��h h!h"Uenumerated_listr¶��h$}rß��(Usuffixr®��U.Ustartr©��Kh)]h(]h&]Uprefixr™��U�h']h,]Uenumtyper´��Uarabicr¨��uh.K]h/hh0]r≠��(hq)ÅrÆ��}rØ��(hXë���**Style your theme** Add a CSS file to your theme by creating a CSS file in the ``js/themes/<yourtheme>/css/`` directory
named ``metacatui.css``
hj§��h h!h"hõh$}r∞��(h&]h']h(]h)]h,]uh.Nh/hh0]r±��hI)År≤��}r≥��(hXê���**Style your theme** Add a CSS file to your theme by creating a CSS file in the ``js/themes/<yourtheme>/css/`` directory
named ``metacatui.css``hjÆ��h h!h"hLh$}r¥��(h&]h']h(]h)]h,]uh.K]h0]rµ��(jz��)År∂��}r∑��(hX���**Style your theme**h$}r∏��(h&]h']h(]h)]h,]uhj≤��h0]rπ��h;X���Style your themer∫��ÖÅrª��}rº��(hU�hj∂��ubah"jÇ��ubh;X<��� Add a CSS file to your theme by creating a CSS file in the rΩ��ÖÅræ��}rø��(hX<��� Add a CSS file to your theme by creating a CSS file in the hj≤��ubjÜ��)År¿��}r¡��(hX���``js/themes/<yourtheme>/css/``h$}r¬��(h&]h']h(]h)]h,]uhj≤��h0]r√��h;X���js/themes/<yourtheme>/css/rƒ��ÖÅr≈��}r∆��(hU�hj¿��ubah"jé��ubh;X��� directory
named r«��ÖÅr»��}r…��(hX��� directory
named hj≤��ubjÜ��)År ��}rÀ��(hX���``metacatui.css``h$}rÃ��(h&]h']h(]h)]h,]uhj≤��h0]rÕ��h;X
���metacatui.cssrŒ��ÖÅrœ��}r–��(hU�hj ��ubah"jé��ubeubaubhq)År—��}r“��(hXV���**Add images** Add your custom images to the ``js/themes/<yourtheme>/img`` directory.
hj§��h h!h"hõh$}r”��(h&]h']h(]h)]h,]uh.Nh/hh0]r‘��hI)År’��}r÷��(hXU���**Add images** Add your custom images to the ``js/themes/<yourtheme>/img`` directory.hj—��h h!h"hLh$}r◊��(h&]h']h(]h)]h,]uh.K`h0]rÿ��(jz��)ÅrŸ��}r⁄��(hX���**Add images**h$}r€��(h&]h']h(]h)]h,]uhj’��h0]r‹��h;X
���Add imagesr›��ÖÅrfi��}rfl��(hU�hjŸ��ubah"jÇ��ubh;X��� Add your custom images to the r‡��ÖÅr·��}r‚��(hX��� Add your custom images to the hj’��ubjÜ��)År„��}r‰��(hX���``js/themes/<yourtheme>/img``h$}rÂ��(h&]h']h(]h)]h,]uhj’��h0]rÊ��h;X���js/themes/<yourtheme>/imgrÁ��ÖÅrË��}rÈ��(hU�hj„��ubah"jé��ubh;X��� directory.rÍ��ÖÅrÎ��}rÏ��(hX��� directory.hj’��ubeubaubhq)ÅrÌ��}rÓ��(hX\���**Edit templates** Add HTML templates to the ``js/themes/<yourtheme>/templates`` directory.
hj§��h h!h"hõh$}rÔ��(h&]h']h(]h)]h,]uh.Nh/hh0]r��hI)ÅrÒ��}rÚ��(hX[���**Edit templates** Add HTML templates to the ``js/themes/<yourtheme>/templates`` directory.hjÌ��h h!h"hLh$}rÛ��(h&]h']h(]h)]h,]uh.Kbh0]rÙ��(jz��)Årı��}rˆ��(hX���**Edit templates**h$}r˜��(h&]h']h(]h)]h,]uhjÒ��h0]r¯��h;X���Edit templatesr˘��ÖÅr˙��}r˚��(hU�hjı��ubah"jÇ��ubh;X��� Add HTML templates to the r¸��ÖÅr˝��}r˛��(hX��� Add HTML templates to the hjÒ��ubjÜ��)Årˇ��}r���(hX#���``js/themes/<yourtheme>/templates``h$}r��(h&]h']h(]h)]h,]uhjÒ��h0]r��h;X���js/themes/<yourtheme>/templatesr��ÖÅr��}r��(hU�hjˇ��ubah"jé��ubh;X��� directory.r��ÖÅr��}r��(hX��� directory.hjÒ��ubeubaubhq)År	��}r
��(hX��**Create your theme map** Open the ``js/themes/<yourtheme>/config.js`` file. In here you will define your theme and themeMap. By default, Metacat will use the default theme templates unless you specifically tell Metacat to override these with the template files in your custom theme.
hj§��h h!h"hõh$}r��(h&]h']h(]h)]h,]uh.Nh/hh0]r��hI)År
��}r��(hX��**Create your theme map** Open the ``js/themes/<yourtheme>/config.js`` file. In here you will define your theme and themeMap. By default, Metacat will use the default theme templates unless you specifically tell Metacat to override these with the template files in your custom theme.hj	��h h!h"hLh$}r��(h&]h']h(]h)]h,]uh.Kdh0]r��(jz��)År��}r��(hX���**Create your theme map**h$}r��(h&]h']h(]h)]h,]uhj
��h0]r��h;X���Create your theme mapr��ÖÅr��}r��(hU�hj��ubah"jÇ��ubh;X
��� Open the r��ÖÅr��}r��(hX
��� Open the hj
��ubjÜ��)År��}r��(hX#���``js/themes/<yourtheme>/config.js``h$}r��(h&]h']h(]h)]h,]uhj
��h0]r��h;X���js/themes/<yourtheme>/config.jsr��ÖÅr ��}r!��(hU�hj��ubah"jé��ubh;X’��� file. In here you will define your theme and themeMap. By default, Metacat will use the default theme templates unless you specifically tell Metacat to override these with the template files in your custom theme.r"��ÖÅr#��}r$��(hX’��� file. In here you will define your theme and themeMap. By default, Metacat will use the default theme templates unless you specifically tell Metacat to override these with the template files in your custom theme.hj
��ubeubaubeubjí��)År%��}r&��(hU�hj^��h h!h"jï��h$}r'��(h&]h']h(]h)]h,]uh.Nh/hh0]r(��jò��)År)��}r*��(hX5��var theme = theme || "default";
var themeMap =
{
        '*': {
                // example overrides are provided here
                //'views/AboutView' : 'themes/' + theme + '/views/AboutView.js',
                //'templates/navbar.html' : 'themes/' + theme + '/templates/navbar.html'
                }
};hj%��h"jõ��h$}r+��(jù��jû��h)]h(]h&]h']h,]uh.Khh0]r,��h;X5��var theme = theme || "default";
var themeMap =
{
        '*': {
                // example overrides are provided here
                //'views/AboutView' : 'themes/' + theme + '/views/AboutView.js',
                //'templates/navbar.html' : 'themes/' + theme + '/templates/navbar.html'
                }
};r-��ÖÅr.��}r/��(hU�hj)��ubaubaubhI)År0��}r1��(hX¸���Change the theme name on line 1, ``default``, to your chosen new theme name. Then follow the commented out examples in ``themeMap`` to
explicitly tell Metacat which default shared files should be overridden with your custom theme
files. The pattern is:hj^��h h!h"hLh$}r2��(h&]h']h(]h)]h,]uh.Krh/hh0]r3��(h;X!���Change the theme name on line 1, r4��ÖÅr5��}r6��(hX!���Change the theme name on line 1, hj0��ubjÜ��)År7��}r8��(hX���``default``h$}r9��(h&]h']h(]h)]h,]uhj0��h0]r:��h;X���defaultr;��ÖÅr<��}r=��(hU�hj7��ubah"jé��ubh;XK���, to your chosen new theme name. Then follow the commented out examples in r>��ÖÅr?��}r@��(hXK���, to your chosen new theme name. Then follow the commented out examples in hj0��ubjÜ��)ÅrA��}rB��(hX���``themeMap``h$}rC��(h&]h']h(]h)]h,]uhj0��h0]rD��h;X���themeMaprE��ÖÅrF��}rG��(hU�hjA��ubah"jé��ubh;Xy��� to
explicitly tell Metacat which default shared files should be overridden with your custom theme
files. The pattern is:rH��ÖÅrI��}rJ��(hXy��� to
explicitly tell Metacat which default shared files should be overridden with your custom theme
files. The pattern is:hj0��ubeubjí��)ÅrK��}rL��(hU�hj^��h h!h"jï��h$}rM��(h&]h']h(]h)]h,]uh.Nh/hh0]rN��hI)ÅrO��}rP��(hXE���``path/originalFile.html : 'themes/' + theme + '/path/newFile.html'``rQ��hjK��h h!h"hLh$}rR��(h&]h']h(]h)]h,]uh.Kvh0]rS��jÜ��)ÅrT��}rU��(hjQ��h$}rV��(h&]h']h(]h)]h,]uhjO��h0]rW��h;XA���path/originalFile.html : 'themes/' + theme + '/path/newFile.html'rX��ÖÅrY��}rZ��(hU�hjT��ubah"jé��ubaubaubhI)År[��}r\��(hX;���*Note: You do not have to override the CSS or image files.*r]��hj^��h h!h"hLh$}r^��(h&]h']h(]h)]h,]uh.Kxh/hh0]r_��cdocutils.nodes
emphasis
r`��)Åra��}rb��(hj]��h$}rc��(h&]h']h(]h)]h,]uhj[��h0]rd��h;X9���Note: You do not have to override the CSS or image files.re��ÖÅrf��}rg��(hU�hja��ubah"Uemphasisrh��ubaubhI)Åri��}rj��(hXœ���7. **Specify your theme and metacat context** Open ``index.html``. Edit the following line to specify your theme name (attribute ``data-theme``) and your Metacat
context (attribute ``data-metacat-context``):hj^��h h!h"hLh$}rk��(h&]h']h(]h)]h,]uh.Kzh/hh0]rl��(h;X���7. rm��ÖÅrn��}ro��(hX���7. hji��ubjz��)Årp��}rq��(hX*���**Specify your theme and metacat context**h$}rr��(h&]h']h(]h)]h,]uhji��h0]rs��h;X&���Specify your theme and metacat contextrt��ÖÅru��}rv��(hU�hjp��ubah"jÇ��ubh;X��� Open rw��ÖÅrx��}ry��(hX��� Open hji��ubjÜ��)Årz��}r{��(hX���``index.html``h$}r|��(h&]h']h(]h)]h,]uhji��h0]r}��h;X
���index.htmlr~��ÖÅr��}rÄ��(hU�hjz��ubah"jé��ubh;X@���. Edit the following line to specify your theme name (attribute rÅ��ÖÅrÇ��}rÉ��(hX@���. Edit the following line to specify your theme name (attribute hji��ubjÜ��)ÅrÑ��}rÖ��(hX���``data-theme``h$}rÜ��(h&]h']h(]h)]h,]uhji��h0]rá��h;X
���data-themerà��ÖÅrâ��}rä��(hU�hjÑ��ubah"jé��ubh;X&���) and your Metacat
context (attribute rã��ÖÅrå��}rç��(hX&���) and your Metacat
context (attribute hji��ubjÜ��)Åré��}rè��(hX���``data-metacat-context``h$}rê��(h&]h']h(]h)]h,]uhji��h0]rë��h;X���data-metacat-contextrí��ÖÅrì��}rî��(hU�hjé��ubah"jé��ubh;X���):rï��ÖÅrñ��}ró��(hX���):hji��ubeubjí��)Årò��}rô��(hU�hj^��h h!h"jï��h$}rö��(h&]h']h(]h)]h,]uh.Nh/hh0]rõ��jò��)Årú��}rù��(hXx���<script data-theme="default" data-metacat-context="metacat" id="loader" type="text/javascript" src="loader.js"></script>hjò��h"jõ��h$}rû��(jù��jû��h)]h(]h&]h']h,]uh.Kh0]rü��h;Xx���<script data-theme="default" data-metacat-context="metacat" id="loader" type="text/javascript" src="loader.js"></script>r†��ÖÅr°��}r¢��(hU�hjú��ubaubaubh)År£��}r§��(hU�hj^��h h!h"h#h$}r•��(h&]h']h(]h)]r¶��h¿ah,]rß��h	auh.KÉh/hh0]r®��(h2)År©��}r™��(hh≈hj£��h h!h"h6h$}r´��(h)]h(]h&]h']h,]h8høuh.KÉh/hh0]r¨��h;X3���Changing the background images on the default themer≠��ÖÅrÆ��}rØ��(hh≈hj©��ubaubhI)År∞��}r±��(hX[���The ``js/templates/app.html`` file contains the ``<img>`` element for the background image:r≤��hj£��h h!h"hLh$}r≥��(h&]h']h(]h)]h,]uh.KÑh/hh0]r¥��(h;X���The rµ��ÖÅr∂��}r∑��(hX���The hj∞��ubjÜ��)År∏��}rπ��(hX���``js/templates/app.html``h$}r∫��(h&]h']h(]h)]h,]uhj∞��h0]rª��h;X���js/templates/app.htmlrº��ÖÅrΩ��}ræ��(hU�hj∏��ubah"jé��ubh;X��� file contains the rø��ÖÅr¿��}r¡��(hX��� file contains the hj∞��ubjÜ��)År¬��}r√��(hX	���``<img>``h$}rƒ��(h&]h']h(]h)]h,]uhj∞��h0]r≈��h;X���<img>r∆��ÖÅr«��}r»��(hU�hj¬��ubah"jé��ubh;X"��� element for the background image:r…��ÖÅr ��}rÀ��(hX"��� element for the background image:hj∞��ubeubjí��)ÅrÃ��}rÕ��(hU�hj£��h h!h"jï��h$}rŒ��(h&]h']h(]h)]h,]uh.Nh/hh0]rœ��jò��)År–��}r—��(hX<���<img src="" class="bg" id="bg_image" data-image-count="9" />hjÃ��h"jõ��h$}r“��(jù��jû��h)]h(]h&]h']h,]uh.Kàh0]r”��h;X<���<img src="" class="bg" id="bg_image" data-image-count="9" />r‘��ÖÅr’��}r÷��(hU�hj–��ubaubaubhI)År◊��}rÿ��(hX
��Change the ``data-image-count`` attribute to the number of images you would like to cycle through in your custom
theme. To have the same background image on all views, change this value to 1. To not use the background image at all, simply remove this ``<img>`` element.hj£��h h!h"hLh$}rŸ��(h&]h']h(]h)]h,]uh.Käh/hh0]r⁄��(h;X���Change the r€��ÖÅr‹��}r›��(hX���Change the hj◊��ubjÜ��)Årfi��}rfl��(hX���``data-image-count``h$}r‡��(h&]h']h(]h)]h,]uhj◊��h0]r·��h;X���data-image-countr‚��ÖÅr„��}r‰��(hU�hjfi��ubah"jé��ubh;X‹��� attribute to the number of images you would like to cycle through in your custom
theme. To have the same background image on all views, change this value to 1. To not use the background image at all, simply remove this rÂ��ÖÅrÊ��}rÁ��(hX‹��� attribute to the number of images you would like to cycle through in your custom
theme. To have the same background image on all views, change this value to 1. To not use the background image at all, simply remove this hj◊��ubjÜ��)ÅrË��}rÈ��(hX	���``<img>``h$}rÍ��(h&]h']h(]h)]h,]uhj◊��h0]rÎ��h;X���<img>rÏ��ÖÅrÌ��}rÓ��(hU�hjË��ubah"jé��ubh;X	��� element.rÔ��ÖÅr��}rÒ��(hX	��� element.hj◊��ubeubhI)ÅrÚ��}rÛ��(hX:��Store your custom background image files in ``js/themes/<yourtheme>/img/backgrounds``. Keep the naming convention of ``bg1.jpg``, ``bg2.jpg``, etc., making sure
that all numbers from 1 to your specified total (``data-image-count``) are included. (i.e. do not skip any numbers, such as ``bg1.jpg``, ``bg3.jpg`` ...)hj£��h h!h"hLh$}rÙ��(h&]h']h(]h)]h,]uh.Kçh/hh0]rı��(h;X,���Store your custom background image files in rˆ��ÖÅr˜��}r¯��(hX,���Store your custom background image files in hjÚ��ubjÜ��)År˘��}r˙��(hX)���``js/themes/<yourtheme>/img/backgrounds``h$}r˚��(h&]h']h(]h)]h,]uhjÚ��h0]r¸��h;X%���js/themes/<yourtheme>/img/backgroundsr˝��ÖÅr˛��}rˇ��(hU�hj˘��ubah"jé��ubh;X ���. Keep the naming convention of r���ÖÅr��}r��(hX ���. Keep the naming convention of hjÚ��ubjÜ��)År��}r��(hX���``bg1.jpg``h$}r��(h&]h']h(]h)]h,]uhjÚ��h0]r��h;X���bg1.jpgr��ÖÅr��}r	��(hU�hj��ubah"jé��ubh;X���, r
��ÖÅr��}r��(hX���, hjÚ��ubjÜ��)År
��}r��(hX���``bg2.jpg``h$}r��(h&]h']h(]h)]h,]uhjÚ��h0]r��h;X���bg2.jpgr��ÖÅr��}r��(hU�hj
��ubah"j�ubh;XE���, etc., making sure
that all numbers from 1 to your specified total (r��ÖÅr��}r��(hXE���, etc., making sure
that all numbers from 1 to your specified total (hjÚ��ubjÜ��)År��}r��(hX���``data-image-count``h$}r��(h&]h']h(]h)]h,]uhjÚ��h0]r��h;X���data-image-countr��ÖÅr��}r��(hU�hj��ubah"jé��ubh;X7���) are included. (i.e. do not skip any numbers, such as r��ÖÅr��}r ��(hX7���) are included. (i.e. do not skip any numbers, such as hjÚ��ubjÜ��)År!��}r"��(hX���``bg1.jpg``h$}r#��(h&]h']h(]h)]h,]uhjÚ��h0]r$��h;X���bg1.jpgr%��ÖÅr&��}r'��(hU�hj!��ubah"jé��ubh;X���, r(��ÖÅr)��}r*��(hX���, hjÚ��ubjÜ��)År+��}r,��(hX���``bg3.jpg``h$}r-��(h&]h']h(]h)]h,]uhjÚ��h0]r.��h;X���bg3.jpgr/��ÖÅr0��}r1��(hU�hj+��ubah"jé��ubh;X��� ...)r2��ÖÅr3��}r4��(hX��� ...)hjÚ��ubeubeubh)År5��}r6��(hU�hj^��h h!h"h#h$}r7��(h&]h']h(]h)]r8��h”ah,]r9��hauh.Kíh/hh0]r:��(h2)År;��}r<��(hhÿhj5��h h!h"h6h$}r=��(h)]h(]h&]h']h,]h8h“uh.Kíh/hh0]r>��h;X"���Advanced options for custom themesr?��ÖÅr@��}rA��(hhÿhj;��ubaubhI)ÅrB��}rC��(hXd���Advanced users can choose to override the JavaScript files for even more customization of MetacatUI.rD��hj5��h h!h"hLh$}rE��(h&]h']h(]h)]h,]uh.Kìh/hh0]rF��h;Xd���Advanced users can choose to override the JavaScript files for even more customization of MetacatUI.rG��ÖÅrH��}rI��(hjD��hjB��ubaubhI)ÅrJ��}rK��(hX‹���The ``router.js`` file can be modified to render different views based on the URL. For example,
a theme which has no home page and routes users to the ``DataCatalogView`` view instead, would modify ``router.js``
like so:hj5��h h!h"hLh$}rL��(h&]h']h(]h)]h,]uh.Kñh/hh0]rM��(h;X���The rN��ÖÅrO��}rP��(hX���The hjJ��ubjÜ��)ÅrQ��}rR��(hX
���``router.js``h$}rS��(h&]h']h(]h)]h,]uhjJ��h0]rT��h;X	���router.jsrU��ÖÅrV��}rW��(hU�hjQ��ubah"jé��ubh;XÜ��� file can be modified to render different views based on the URL. For example,
a theme which has no home page and routes users to the rX��ÖÅrY��}rZ��(hXÜ��� file can be modified to render different views based on the URL. For example,
a theme which has no home page and routes users to the hjJ��ubjÜ��)År[��}r\��(hX���``DataCatalogView``h$}r]��(h&]h']h(]h)]h,]uhjJ��h0]r^��h;X���DataCatalogViewr_��ÖÅr`��}ra��(hU�hj[��ubah"jé��ubh;X��� view instead, would modify rb��ÖÅrc��}rd��(hX��� view instead, would modify hjJ��ubjÜ��)Åre��}rf��(hX
���``router.js``h$}rg��(h&]h']h(]h)]h,]uhjJ��h0]rh��h;X	���router.jsri��ÖÅrj��}rk��(hU�hje��ubah"jé��ubh;X	���
like so:rl��ÖÅrm��}rn��(hX	���
like so:hjJ��ubeubjí��)Åro��}rp��(hU�hj5��h h!h"jï��h$}rq��(h&]h']h(]h)]h,]uh.Nh/hh0]rr��jò��)Års��}rt��(hXé��// MetacatUI Router
// ----------------
var UIRouter = Backbone.Router.extend({
        routes: {
                ''                                              : 'routeToData',    // route ROOT to data
                'about'                     : 'renderAbout',
                'about(/:anchorId)'         : 'renderAbout',
                'plans'                     : 'renderPlans',
                'tools(/:anchorId)'         : 'renderTools',
                'data(/search/:searchTerm)(/page/:page)' : 'renderData',
                'view/*pid'                 : 'renderMetadata',
                'external(/*url)'           : 'renderExternal',
                'logout'                    : 'logout',
                'signup'                                : 'renderLdap',
                'account(/:stage)'          : 'renderLdap',
                'share'                     : 'renderRegistry'
        },hjo��h"jõ��h$}ru��(jù��jû��h)]h(]h&]h']h,]uh.Kúh0]rv��h;Xé��// MetacatUI Router
// ----------------
var UIRouter = Backbone.Router.extend({
        routes: {
                ''                                              : 'routeToData',    // route ROOT to data
                'about'                     : 'renderAbout',
                'about(/:anchorId)'         : 'renderAbout',
                'plans'                     : 'renderPlans',
                'tools(/:anchorId)'         : 'renderTools',
                'data(/search/:searchTerm)(/page/:page)' : 'renderData',
                'view/*pid'                 : 'renderMetadata',
                'external(/*url)'           : 'renderExternal',
                'logout'                    : 'logout',
                'signup'                                : 'renderLdap',
                'account(/:stage)'          : 'renderLdap',
                'share'                     : 'renderRegistry'
        },rw��ÖÅrx��}ry��(hU�hjs��ubaubaubhI)Årz��}r{��(hX€���In this example, the index path, ``''``, was changed from
the value ``renderIndex`` which renders the ``IndexView.js`` view, to ``routeToData`` which reroutes to ``data``,
in turn rendering the ``DataCatalogView`` view.hj5��h h!h"hLh$}r|��(h&]h']h(]h)]h,]uh.KÆh/hh0]r}��(h;X!���In this example, the index path, r~��ÖÅr��}rÄ��(hX!���In this example, the index path, hjz��ubjÜ��)ÅrÅ��}rÇ��(hX���``''``h$}rÉ��(h&]h']h(]h)]h,]uhjz��h0]rÑ��h;X���''rÖ��ÖÅrÜ��}rá��(hU�hjÅ��ubah"jé��ubh;X���, was changed from
the value rà��ÖÅrâ��}rä��(hX���, was changed from
the value hjz��ubjÜ��)Årã��}rå��(hX���``renderIndex``h$}rç��(h&]h']h(]h)]h,]uhjz��h0]ré��h;X���renderIndexrè��ÖÅrê��}rë��(hU�hjã��ubah"jé��ubh;X��� which renders the rí��ÖÅrì��}rî��(hX��� which renders the hjz��ubjÜ��)Årï��}rñ��(hX���``IndexView.js``h$}ró��(h&]h']h(]h)]h,]uhjz��h0]rò��h;X���IndexView.jsrô��ÖÅrö��}rõ��(hU�hjï��ubah"jé��ubh;X
��� view, to rú��ÖÅrù��}rû��(hX
��� view, to hjz��ubjÜ��)Årü��}r†��(hX���``routeToData``h$}r°��(h&]h']h(]h)]h,]uhjz��h0]r¢��h;X���routeToDatar£��ÖÅr§��}r•��(hU�hjü��ubah"jé��ubh;X��� which reroutes to r¶��ÖÅrß��}r®��(hX��� which reroutes to hjz��ubjÜ��)År©��}r™��(hX���``data``h$}r´��(h&]h']h(]h)]h,]uhjz��h0]r¨��h;X���datar≠��ÖÅrÆ��}rØ��(hU�hj©��ubah"jé��ubh;X���,
in turn rendering the r∞��ÖÅr±��}r≤��(hX���,
in turn rendering the hjz��ubjÜ��)År≥��}r¥��(hX���``DataCatalogView``h$}rµ��(h&]h']h(]h)]h,]uhjz��h0]r∂��h;X���DataCatalogViewr∑��ÖÅr∏��}rπ��(hU�hj≥��ubah"jé��ubh;X��� view.r∫��ÖÅrª��}rº��(hX��� view.hjz��ubeubjí��)ÅrΩ��}ræ��(hU�hj5��h h!h"jï��h$}rø��(h&]h']h(]h)]h,]uh.Nh/hh0]r¿��(jò��)År¡��}r¬��(hXÉ���routeToData: function () {
        console.log('Called UIRouter.routeToData()');
        this.navigate("data", {trigger: true});
},hjΩ��h"jõ��h$}r√��(jù��jû��h)]h(]h&]h']h,]uh.K¥h0]rƒ��h;XÉ���routeToData: function () {
        console.log('Called UIRouter.routeToData()');
        this.navigate("data", {trigger: true});
},r≈��ÖÅr∆��}r«��(hU�hj¡��ubaubhI)År»��}r…��(hXà���**Note: Remember to include any views or routers in your list of overrides in js/themes/<yourtheme>/config.js
for each file you modify**r ��hjΩ��h h!h"hLh$}rÀ��(h&]h']h(]h)]h,]uh.Kπh0]rÃ��jz��)ÅrÕ��}rŒ��(hj ��h$}rœ��(h&]h']h(]h)]h,]uhj»��h0]r–��h;XÑ���Note: Remember to include any views or routers in your list of overrides in js/themes/<yourtheme>/config.js
for each file you modifyr—��ÖÅr“��}r”��(hU�hjÕ��ubah"jÇ��ubaubeubhI)År‘��}r’��(hXÇ���For more information about ``Backbone.js``, see the Backbone.js documentation at `www.backbonejs.org <http://www.backbonejs.org>`_r÷��hj5��h h!h"hLh$}r◊��(h&]h']h(]h)]h,]uh.KΩh/hh0]rÿ��(h;X���For more information about rŸ��ÖÅr⁄��}r€��(hX���For more information about hj‘��ubjÜ��)År‹��}r›��(hX���``Backbone.js``h$}rfi��(h&]h']h(]h)]h,]uhj‘��h0]rfl��h;X���Backbone.jsr‡��ÖÅr·��}r‚��(hU�hj‹��ubah"jé��ubh;X'���, see the Backbone.js documentation at r„��ÖÅr‰��}rÂ��(hX'���, see the Backbone.js documentation at hj‘��ubhz)ÅrÊ��}rÁ��(hX1���`www.backbonejs.org <http://www.backbonejs.org>`_h$}rË��(Unamehj	��X���http://www.backbonejs.orgrÈ��h)]h(]h&]h']h,]uhj‘��h0]rÍ��h;X���www.backbonejs.orgrÎ��ÖÅrÏ��}rÌ��(hU�hjÊ��ubah"hÉubj��)ÅrÓ��}rÔ��(hX��� <http://www.backbonejs.org>j��Khj‘��h"j��h$}r��(UrefurijÈ��h)]rÒ��Uwww-backbonejs-orgrÚ��ah(]h&]h']h,]rÛ��hauh0]ubeubeubeubh)ÅrÙ��}rı��(hU�hhh h!h"h#h$}rˆ��(h&]h']h(]h)]r˜��hÊah,]r¯��hauh.K¡h/hh0]r˘��(h2)År˙��}r˚��(hhÎhjÙ��h h!h"h6h$}r¸��(h)]h(]h&]h']h,]h8hÂuh.K¡h/hh0]r˝��h;X���Using Custom Endpointsr˛��ÖÅrˇ��}r���(hhÎhj˙��ubaubhI)År��}r��(hX5��MetacatUI can also be configured to use custom DataONE endpoints for both Member Node and Coordinating Node APIs.
The ``dataone`` theme shows an example of this endpoint customization in the ``AppModel.js`` file.
In custom themes, the AppModel.js values can be edited to suit your particular deployment needs.hjÙ��h h!h"hLh$}r��(h&]h']h(]h)]h,]uh.K¬h/hh0]r��(h;Xv���MetacatUI can also be configured to use custom DataONE endpoints for both Member Node and Coordinating Node APIs.
The r��ÖÅr��}r��(hXv���MetacatUI can also be configured to use custom DataONE endpoints for both Member Node and Coordinating Node APIs.
The hj��ubjÜ��)År��}r	��(hX���``dataone``h$}r
��(h&]h']h(]h)]h,]uhj��h0]r��h;X���dataoner��ÖÅr
��}r��(hU�hj��ubah"jé��ubh;X>��� theme shows an example of this endpoint customization in the r��ÖÅr��}r��(hX>��� theme shows an example of this endpoint customization in the hj��ubjÜ��)År��}r��(hX���``AppModel.js``h$}r��(h&]h']h(]h)]h,]uhj��h0]r��h;X���AppModel.jsr��ÖÅr��}r��(hU�hj��ubah"jé��ubh;Xg��� file.
In custom themes, the AppModel.js values can be edited to suit your particular deployment needs.r��ÖÅr��}r��(hXg��� file.
In custom themes, the AppModel.js values can be edited to suit your particular deployment needs.hj��ubeubhI)År��}r��(hX_���For querying the DataONE Coordinating Node, for example, the following properties would be set:r��hjÙ��h h!h"hLh$}r��(h&]h']h(]h)]h,]uh.K∆h/hh0]r ��h;X_���For querying the DataONE Coordinating Node, for example, the following properties would be set:r!��ÖÅr"��}r#��(hj��hj��ubaubjí��)År$��}r%��(hU�hjÙ��h h!h"jï��h$}r&��(h&]h']h(]h)]h,]uh.Nh/hh0]r'��jò��)År(��}r)��(hX`���context: '',
d1Service: "/cn/v2",
d1CNBaseUrl:  "https://cn.dataone.org",
d1CNService: "/cn/v2",hj$��h"jõ��h$}r*��(jù��jû��h)]h(]h&]h']h,]uh.K h0]r+��h;X`���context: '',
d1Service: "/cn/v2",
d1CNBaseUrl:  "https://cn.dataone.org",
d1CNService: "/cn/v2",r,��ÖÅr-��}r.��(hU�hj(��ubaubaubhI)År/��}r0��(hX:���But querying a Metacat Member Node would be configured as:r1��hjÙ��h h!h"hLh$}r2��(h&]h']h(]h)]h,]uh.K–h/hh0]r3��h;X:���But querying a Metacat Member Node would be configured as:r4��ÖÅr5��}r6��(hj1��hj/��ubaubjí��)År7��}r8��(hU�hjÙ��h h!h"jï��h$}r9��(h&]h']h(]h)]h,]uh.Nh/hh0]r:��jò��)År;��}r<��(hXj���context: '/metacat',
d1Service: '/d1/mn/v2',
d1CNBaseUrl: "https://cn.dataone.org/",
d1CNService: "cn/v2",hj7��h"jõ��h$}r=��(jù��jû��h)]h(]h&]h']h,]uh.K‘h0]r>��h;Xj���context: '/metacat',
d1Service: '/d1/mn/v2',
d1CNBaseUrl: "https://cn.dataone.org/",
d1CNService: "cn/v2",r?��ÖÅr@��}rA��(hU�hj;��ubaubaubeubh)ÅrB��}rC��(hU�hhh h!h"h#h$}rD��(h&]h']h(]h)]rE��h˘ah,]rF��hauh.K‹h/hh0]rG��(h2)ÅrH��}rI��(hh˛hjB��h h!h"h6h$}rJ��(h)]h(]h&]h']h,]h8h¯uh.K‹h/hh0]rK��h;X���Creating a Custom SkinrL��ÖÅrM��}rN��(hh˛hjH��ubaubh?)ÅrO��}rP��(hU�hjB��h h!h"hBh$}rQ��(hDX���2.2.0h)]h(]h&]h']h,]hFX
���deprecatedrR��uh.K›h/hh0]rS��(hI)ÅrT��}rU��(hU�hjO��h h!h"hLh$}rV��(h&]h']h(]h)]h,]uh.Nh/hh0]rW��(hO)ÅrX��}rY��(hU�hjT��h h!h"hXh$}rZ��(h&]h']r[��hBah(]h)]h,]uh.Nh/hh0]r\��h;X ���Deprecated since version 2.2.0: r]��ÖÅr^��}r_��(hU�hjX��ubaubh;X⁄���Use MetacatUI themes for any new UI development. Metacat's original skinning
mechanism is still included and used for aspects of rendering metadata, but is
not the preferred method for building web clients for Metacat.r`��ÖÅra��}rb��(hX⁄���Use MetacatUI themes for any new UI development. Metacat's original skinning
mechanism is still included and used for aspects of rendering metadata, but is
not the preferred method for building web clients for Metacat.h Nh.Nh/hhjT��ubeubhI)Årc��}rd��(hXx���To MetacatUI themes, select ``metacatui`` as the default skin during skin configuration
in the administration interface.hjO��h h!h"hLh$}re��(h&]h']h(]h)]h,]uh.K‚h/hh0]rf��(h;X���To MetacatUI themes, select rg��ÖÅrh��}ri��(hX���To MetacatUI themes, select hjc��ubjÜ��)Årj��}rk��(hX
���``metacatui``h$}rl��(h&]h']h(]h)]h,]uhjc��h0]rm��h;X	���metacatuirn��ÖÅro��}rp��(hU�hjj��ubah"jé��ubh;XO��� as the default skin during skin configuration
in the administration interface.rq��ÖÅrr��}rs��(hXO��� as the default skin during skin configuration
in the administration interface.hjc��ubeubeubhI)Årt��}ru��(hXÚ���Skins are used in Metacat to customize the appearance of the search and display
web interface that is presented by Metacat.  Skins can be used to make a Metacat
instance exactly integrate into an existing web site, and are fully customizable.rv��hjB��h h!h"hLh$}rw��(h&]h']h(]h)]h,]uh.KÂh/hh0]rx��h;XÚ���Skins are used in Metacat to customize the appearance of the search and display
web interface that is presented by Metacat.  Skins can be used to make a Metacat
instance exactly integrate into an existing web site, and are fully customizable.ry��ÖÅrz��}r{��(hjv��hjt��ubaubhI)År|��}r}��(hX˛���To create and customize your own Metacat skin, you must first create a skin
directory. This is most easily accomplished by copying one of the existing skin
directories. Step-by-step directions for creating and installing a custom skin
are included below:r~��hjB��h h!h"hLh$}r��(h&]h']h(]h)]h,]uh.KÈh/hh0]rÄ��h;X˛���To create and customize your own Metacat skin, you must first create a skin
directory. This is most easily accomplished by copying one of the existing skin
directories. Step-by-step directions for creating and installing a custom skin
are included below:rÅ��ÖÅrÇ��}rÉ��(hj~��hj|��ubaubj£��)ÅrÑ��}rÖ��(hU�hjB��h h!h"j¶��h$}rÜ��(j®��U.h)]h(]h&]j™��U�h']h,]j´��j¨��uh.KÓh/hh0]rá��hq)Årà��}râ��(hXM���Copy an existing skin directory. We recommend using the "default" directory.
hjÑ��h h!h"hõh$}rä��(h&]h']h(]h)]h,]uh.Nh/hh0]rã��hI)Årå��}rç��(hXL���Copy an existing skin directory. We recommend using the "default" directory.ré��hjà��h h!h"hLh$}rè��(h&]h']h(]h)]h,]uh.KÓh0]rê��h;XL���Copy an existing skin directory. We recommend using the "default" directory.rë��ÖÅrí��}rì��(hjé��hjå��ubaubaubaubjí��)Årî��}rï��(hU�hjB��h h!h"jï��h$}rñ��(h&]h']h(]h)]h,]uh.Nh/hh0]ró��(jò��)Årò��}rô��(hXS���sudo cp -r <CONTEXT_DIR>/style/skins/default/ <CONTEXT_DIR>/style/skins/[yourSkin]/hjî��h"jõ��h$}rö��(jù��jû��h)]h(]h&]h']h,]uh.KÚh0]rõ��h;XS���sudo cp -r <CONTEXT_DIR>/style/skins/default/ <CONTEXT_DIR>/style/skins/[yourSkin]/rú��ÖÅrù��}rû��(hU�hjò��ubaubhI)Årü��}r†��(hXî���Where ``<CONTEXT_DIR>`` is the directory in which the Metacat application
code lives  and ``[yourSkin]`` is the name you wish to apply to your skin.hjî��h h!h"hLh$}r°��(h&]h']h(]h)]h,]uh.KÙh0]r¢��(h;X���Where r£��ÖÅr§��}r•��(hX���Where hjü��ubjÜ��)År¶��}rß��(hX���``<CONTEXT_DIR>``h$}r®��(h&]h']h(]h)]h,]uhjü��h0]r©��h;X
���<CONTEXT_DIR>r™��ÖÅr´��}r¨��(hU�hj¶��ubah"jé��ubh;XC��� is the directory in which the Metacat application
code lives  and r≠��ÖÅrÆ��}rØ��(hXC��� is the directory in which the Metacat application
code lives  and hjü��ubjÜ��)År∞��}r±��(hX���``[yourSkin]``h$}r≤��(h&]h']h(]h)]h,]uhjü��h0]r≥��h;X
���[yourSkin]r¥��ÖÅrµ��}r∂��(hU�hj∞��ubah"jé��ubh;X,��� is the name you wish to apply to your skin.r∑��ÖÅr∏��}rπ��(hX,��� is the name you wish to apply to your skin.hjü��ubeubeubj£��)År∫��}rª��(hU�hjB��h h!h"j¶��h$}rº��(j®��U.j©��Kh)]h(]h&]j™��U�h']h,]j´��j¨��uh.K˜h/hh0]rΩ��hq)Åræ��}rø��(hXÄ���In ``[yourSkin]`` directory, change all files named ``default.xxx`` to
``yourSkin.xxx``. The following files should be changed:
hj∫��h h!h"hõh$}r¿��(h&]h']h(]h)]h,]uh.Nh/hh0]r¡��hI)År¬��}r√��(hX���In ``[yourSkin]`` directory, change all files named ``default.xxx`` to
``yourSkin.xxx``. The following files should be changed:hjæ��h h!h"hLh$}rƒ��(h&]h']h(]h)]h,]uh.K˜h0]r≈��(h;X���In r∆��ÖÅr«��}r»��(hX���In hj¬��ubjÜ��)År…��}r ��(hX���``[yourSkin]``h$}rÀ��(h&]h']h(]h)]h,]uhj¬��h0]rÃ��h;X
���[yourSkin]rÕ��ÖÅrŒ��}rœ��(hU�hj…��ubah"jé��ubh;X#��� directory, change all files named r–��ÖÅr—��}r“��(hX#��� directory, change all files named hj¬��ubjÜ��)År”��}r‘��(hX���``default.xxx``h$}r’��(h&]h']h(]h)]h,]uhj¬��h0]r÷��h;X���default.xxxr◊��ÖÅrÿ��}rŸ��(hU�hj”��ubah"jé��ubh;X��� to
r⁄��ÖÅr€��}r‹��(hX��� to
hj¬��ubjÜ��)År›��}rfi��(hX���``yourSkin.xxx``h$}rfl��(h&]h']h(]h)]h,]uhj¬��h0]r‡��h;X���yourSkin.xxxr·��ÖÅr‚��}r„��(hU�hj›��ubah"jé��ubh;X(���. The following files should be changed:r‰��ÖÅrÂ��}rÊ��(hX(���. The following files should be changed:hj¬��ubeubaubaubjí��)ÅrÁ��}rË��(hU�hjB��h h!h"jï��h$}rÈ��(h&]h']h(]h)]h,]uh.Nh/hh0]rÍ��jò��)ÅrÎ��}rÏ��(hXU���default.css
default.js
default.properties
default.properties.metadata.xml
default.xmlhjÁ��h"jõ��h$}rÌ��(jù��jû��h)]h(]h&]h']h,]uh.K¸h0]rÓ��h;XU���default.css
default.js
default.properties
default.properties.metadata.xml
default.xmlrÔ��ÖÅr��}rÒ��(hU�hjÎ��ubaubaubj£��)ÅrÚ��}rÛ��(hU�hjB��h h!h"j¶��h$}rÙ��(j®��U.j©��Kh)]h(]h&]j™��U�h']h,]j´��j¨��uh.Mh/hh0]rı��(hq)Årˆ��}r˜��(hXä���In the metacat.properties file(``<CONTEXT_DIR>/WEB_INF/metacat.properties``),
add ``[yourSkin]`` to the value of the skin.names property.
hjÚ��h h!h"hõh$}r¯��(h&]h']h(]h)]h,]uh.Nh/hh0]r˘��hI)År˙��}r˚��(hXâ���In the metacat.properties file(``<CONTEXT_DIR>/WEB_INF/metacat.properties``),
add ``[yourSkin]`` to the value of the skin.names property.hjˆ��h h!h"hLh$}r¸��(h&]h']h(]h)]h,]uh.Mh0]r˝��(h;X���In the metacat.properties file(r˛��ÖÅrˇ��}r���(hX���In the metacat.properties file(hj˙��ubjÜ��)År��}r��(hX,���``<CONTEXT_DIR>/WEB_INF/metacat.properties``h$}r��(h&]h']h(]h)]h,]uhj˙��h0]r��h;X(���<CONTEXT_DIR>/WEB_INF/metacat.propertiesr��ÖÅr��}r��(hU�hj��ubah"jé��ubh;X���),
add r��ÖÅr	��}r
��(hX���),
add hj˙��ubjÜ��)År��}r��(hX���``[yourSkin]``h$}r
��(h&]h']h(]h)]h,]uhj˙��h0]r��h;X
���[yourSkin]r��ÖÅr��}r��(hU�hj��ubah"jé��ubh;X)��� to the value of the skin.names property.r��ÖÅr��}r��(hX)��� to the value of the skin.names property.hj˙��ubeubaubhq)År��}r��(hX[���Restart Tomcat. Log in as the user that runs your Tomcat server (often "tomcat") and type:
hjÚ��h h!h"hõh$}r��(h&]h']h(]h)]h,]uh.Nh/hh0]r��hI)År��}r��(hXZ���Restart Tomcat. Log in as the user that runs your Tomcat server (often "tomcat") and type:r��hj��h h!h"hLh$}r��(h&]h']h(]h)]h,]uh.Mh0]r��h;XZ���Restart Tomcat. Log in as the user that runs your Tomcat server (often "tomcat") and type:r��ÖÅr��}r ��(hj��hj��ubaubaubeubjí��)År!��}r"��(hU�hjB��h h!h"jï��h$}r#��(h&]h']h(]h)]h,]uh.Nh/hh0]r$��jò��)År%��}r&��(hX���/etc/init.d/tomcat7 restarthj!��h"jõ��h$}r'��(jù��jû��h)]h(]h&]h']h,]uh.M	h0]r(��h;X���/etc/init.d/tomcat7 restartr)��ÖÅr*��}r+��(hU�hj%��ubaubaubhI)År,��}r-��(hXˇ���Navigate to Metacat's Configuration utility  and select the Configure Skins
option. Your custom skin should appear as a choice in the skins list. Change
the layout and style by modifying the header, footer, css, and other files in
your new skin directory.r.��hjB��h h!h"hLh$}r/��(h&]h']h(]h)]h,]uh.Mh/hh0]r0��h;Xˇ���Navigate to Metacat's Configuration utility  and select the Configure Skins
option. Your custom skin should appear as a choice in the skins list. Change
the layout and style by modifying the header, footer, css, and other files in
your new skin directory.r1��ÖÅr2��}r3��(hj.��hj,��ubaubhI)År4��}r5��(hXæ���It is important to note that all customized skins will be overwritten when
Metacat is reinstalled or upgraded. Please remember to back up your skins before
reinstalling or upgrading Metacat.r6��hjB��h h!h"hLh$}r7��(h&]h']h(]h)]h,]uh.Mh/hh0]r8��h;X��It is important to note that all customized skins will be overwritten when
Metacat is reinstalled or upgraded. Please remember to back up your skins before
reinstalling or upgrading Metacat.r9��ÖÅr:��}r;��(hj6��hj4��ubaubeubeubh h!h"h#h$}r<��(h&]h']h(]h)]r=��hïah,]r>��hauh.Kh/hh0]r?��(h2)År@��}rA��(hhöhhh h!h"h6h$}rB��(h)]h(]h&]h']h,]h8hîuh.Kh/hh0]rC��h;X#���Quick Start Using the Default ThemerD��ÖÅrE��}rF��(hhöhj@��ubaubhI)ÅrG��}rH��(hXZ��The default theme can be used out-of-box. To make simple edits such as change the logo in the header or footer, add links to the navigation, etc., we will need to create a new theme, make our changes to the header and footer HTML templates, but borrow all other templates from the default theme so we don't have to create everything from scratch.rI��hhh h!h"hLh$}rJ��(h&]h']h(]h)]h,]uh.Kh/hh0]rK��h;XZ��The default theme can be used out-of-box. To make simple edits such as change the logo in the header or footer, add links to the navigation, etc., we will need to create a new theme, make our changes to the header and footer HTML templates, but borrow all other templates from the default theme so we don't have to create everything from scratch.rL��ÖÅrM��}rN��(hjI��hjG��ubaubj£��)ÅrO��}rP��(hU�hhh h!h"j¶��h$}rQ��(j®��U.h)]h(]h&]j™��U�h']h,]j´��j¨��uh.Kh/hh0]rR��(hq)ÅrS��}rT��(hX{���**Create a new theme:** Duplicate the ``js/themes/default`` directory and rename it to a unique theme name with no spaces.
hjO��h h!h"hõh$}rU��(h&]h']h(]h)]h,]uh.Nh/hh0]rV��hI)ÅrW��}rX��(hXz���**Create a new theme:** Duplicate the ``js/themes/default`` directory and rename it to a unique theme name with no spaces.hjS��h h!h"hLh$}rY��(h&]h']h(]h)]h,]uh.Kh0]rZ��(jz��)År[��}r\��(hX���**Create a new theme:**h$}r]��(h&]h']h(]h)]h,]uhjW��h0]r^��h;X���Create a new theme:r_��ÖÅr`��}ra��(hU�hj[��ubah"jÇ��ubh;X��� Duplicate the rb��ÖÅrc��}rd��(hX��� Duplicate the hjW��ubjÜ��)Åre��}rf��(hX���``js/themes/default``h$}rg��(h&]h']h(]h)]h,]uhjW��h0]rh��h;X���js/themes/defaultri��ÖÅrj��}rk��(hU�hje��ubah"jé��ubh;X?��� directory and rename it to a unique theme name with no spaces.rl��ÖÅrm��}rn��(hX?��� directory and rename it to a unique theme name with no spaces.hjW��ubeubaubhq)Åro��}rp��(hXº���**Add your logo:** In the ``js/themes/<yourtheme>/img`` directory, add the following image files:

     * Your organization's logo
     * Any supporter or donor logos to use in the footer
hjO��h h!h"hõh$}rq��(h&]h']h(]h)]h,]uh.Nh/hh0]rr��(hI)Års��}rt��(hXa���**Add your logo:** In the ``js/themes/<yourtheme>/img`` directory, add the following image files:ru��hjo��h h!h"hLh$}rv��(h&]h']h(]h)]h,]uh.Kh0]rw��(jz��)Årx��}ry��(hX���**Add your logo:**h$}rz��(h&]h']h(]h)]h,]uhjs��h0]r{��h;X���Add your logo:r|��ÖÅr}��}r~��(hU�hjx��ubah"jÇ��ubh;X��� In the r��ÖÅrÄ��}rÅ��(hX��� In the hjs��ubjÜ��)ÅrÇ��}rÉ��(hX���``js/themes/<yourtheme>/img``h$}rÑ��(h&]h']h(]h)]h,]uhjs��h0]rÖ��h;X���js/themes/<yourtheme>/imgrÜ��ÖÅrá��}rà��(hU�hjÇ��ubah"jé��ubh;X*��� directory, add the following image files:râ��ÖÅrä��}rã��(hX*��� directory, add the following image files:hjs��ubeubjí��)Årå��}rç��(hU�h$}ré��(h&]h']h(]h)]h,]uhjo��h0]rè��hk)Årê��}rë��(hU�h$}rí��(Ubulletrì��X���*h)]h(]h&]h']h,]uhjå��h0]rî��(hq)Årï��}rñ��(hX���Your organization's logoró��h$}rò��(h&]h']h(]h)]h,]uhjê��h0]rô��hI)Årö��}rõ��(hjó��hjï��h h!h"hLh$}rú��(h&]h']h(]h)]h,]uh.Kh0]rù��h;X���Your organization's logorû��ÖÅrü��}r†��(hjó��hjö��ubaubah"hõubhq)År°��}r¢��(hX2���Any supporter or donor logos to use in the footer
h$}r£��(h&]h']h(]h)]h,]uhjê��h0]r§��hI)År•��}r¶��(hX1���Any supporter or donor logos to use in the footerrß��hj°��h h!h"hLh$}r®��(h&]h']h(]h)]h,]uh.Kh0]r©��h;X1���Any supporter or donor logos to use in the footerr™��ÖÅr´��}r¨��(hjß��hj•��ubaubah"hõubeh"hnubah"jï��ubeubeubhI)År≠��}rÆ��(hX±���3. **Customize the header and footer:** Create a ``templates`` directory in ``js/themes/<yourtheme>`` and copy the following files from ``js/templates`` into
that new directory:hhh h!h"hLh$}rØ��(h&]h']h(]h)]h,]uh.Kh/hh0]r∞��(h;X���3. r±��ÖÅr≤��}r≥��(hX���3. hj≠��ubjz��)År¥��}rµ��(hX$���**Customize the header and footer:**h$}r∂��(h&]h']h(]h)]h,]uhj≠��h0]r∑��h;X ���Customize the header and footer:r∏��ÖÅrπ��}r∫��(hU�hj¥��ubah"jÇ��ubh;X
��� Create a rª��ÖÅrº��}rΩ��(hX
��� Create a hj≠��ubjÜ��)Åræ��}rø��(hX
���``templates``h$}r¿��(h&]h']h(]h)]h,]uhj≠��h0]r¡��h;X	���templatesr¬��ÖÅr√��}rƒ��(hU�hjæ��ubah"jé��ubh;X��� directory in r≈��ÖÅr∆��}r«��(hX��� directory in hj≠��ubjÜ��)År»��}r…��(hX���``js/themes/<yourtheme>``h$}r ��(h&]h']h(]h)]h,]uhj≠��h0]rÀ��h;X���js/themes/<yourtheme>rÃ��ÖÅrÕ��}rŒ��(hU�hj»��ubah"jé��ubh;X#��� and copy the following files from rœ��ÖÅr–��}r—��(hX#��� and copy the following files from hj≠��ubjÜ��)År“��}r”��(hX���``js/templates``h$}r‘��(h&]h']h(]h)]h,]uhj≠��h0]r’��h;X���js/templatesr÷��ÖÅr◊��}rÿ��(hU�hj“��ubah"jé��ubh;X��� into
that new directory:rŸ��ÖÅr⁄��}r€��(hX��� into
that new directory:hj≠��ubeubjí��)År‹��}r›��(hU�hhh Nh"jï��h$}rfi��(h&]h']h(]h)]h,]uh.Nh/hh0]rfl��hk)År‡��}r·��(hU�h$}r‚��(jì��X���*h)]h(]h&]h']h,]uhj‹��h0]r„��(hq)År‰��}rÂ��(hX���footer.htmlrÊ��h$}rÁ��(h&]h']h(]h)]h,]uhj‡��h0]rË��hI)ÅrÈ��}rÍ��(hjÊ��hj‰��h h!h"hLh$}rÎ��(h&]h']h(]h)]h,]uh.K!h0]rÏ��h;X���footer.htmlrÌ��ÖÅrÓ��}rÔ��(hjÊ��hjÈ��ubaubah"hõubhq)År��}rÒ��(hX���navbar.html
h$}rÚ��(h&]h']h(]h)]h,]uhj‡��h0]rÛ��hI)ÅrÙ��}rı��(hX���navbar.htmlrˆ��hj��h h!h"hLh$}r˜��(h&]h']h(]h)]h,]uh.K"h0]r¯��h;X���navbar.htmlr˘��ÖÅr˙��}r˚��(hjˆ��hjÙ��ubaubah"hõubeh"hnubaubhI)År¸��}r˝��(hX”���3a. Open the ``js/themes/<yourtheme>/templates/footer.html`` file and change the footer logo image paths and the link paths to direct to
your new footer images and their corresponding web addresses. For example,hhh h!h"hLh$}r˛��(h&]h']h(]h)]h,]uh.K$h/hh0]rˇ��(h;X
���3a. Open the r���ÖÅr��}r��(hX
���3a. Open the hj¸��ubjÜ��)År��}r��(hX/���``js/themes/<yourtheme>/templates/footer.html``h$}r��(h&]h']h(]h)]h,]uhj¸��h0]r��h;X+���js/themes/<yourtheme>/templates/footer.htmlr��ÖÅr��}r	��(hU�hj��ubah"jé��ubh;Xó��� file and change the footer logo image paths and the link paths to direct to
your new footer images and their corresponding web addresses. For example,r
��ÖÅr��}r��(hXó��� file and change the footer logo image paths and the link paths to direct to
your new footer images and their corresponding web addresses. For example,hj¸��ubeubjí��)År
��}r��(hU�hhh h!h"jï��h$}r��(h&]h']h(]h)]h,]uh.Nh/hh0]r��(jò��)År��}r��(hXÇ���<a href="http://nceas.ucsb.edu" target="_blank">
      <img alt="NCEAS" src="./js/themes/yourtheme/img/nceas-logo-white.png">
</a>hj
��h"jõ��h$}r��(jù��jû��h)]h(]h&]h']h,]uh.K)h0]r��h;XÇ���<a href="http://nceas.ucsb.edu" target="_blank">
      <img alt="NCEAS" src="./js/themes/yourtheme/img/nceas-logo-white.png">
</a>r��ÖÅr��}r��(hU�hj��ubaubhI)År��}r��(hXj���You can add or modify any of the HTML in the footer; we are using the logo only as a simple demonstration.r��hj
��h h!h"hLh$}r��(h&]h']h(]h)]h,]uh.K-h0]r��h;Xj���You can add or modify any of the HTML in the footer; we are using the logo only as a simple demonstration.r��ÖÅr��}r��(hj��hj��ubaubeubhI)År ��}r!��(hX…���3b. Similarly, open the ``js/themes/<yourtheme>/templates/navbar.html`` file and replace the Metacat logo file with your organization's logo file. You can also add more links to this header navigation.r"��hhh h!h"hLh$}r#��(h&]h']h(]h)]h,]uh.K/h/hh0]r$��(h;X���3b. Similarly, open the r%��ÖÅr&��}r'��(hX���3b. Similarly, open the hj ��ubjÜ��)År(��}r)��(hX/���``js/themes/<yourtheme>/templates/navbar.html``h$}r*��(h&]h']h(]h)]h,]uhj ��h0]r+��h;X+���js/themes/<yourtheme>/templates/navbar.htmlr,��ÖÅr-��}r.��(hU�hj(��ubah"jé��ubh;XÇ��� file and replace the Metacat logo file with your organization's logo file. You can also add more links to this header navigation.r/��ÖÅr0��}r1��(hXÇ��� file and replace the Metacat logo file with your organization's logo file. You can also add more links to this header navigation.hj ��ubeubhI)År2��}r3��(hX‹��4. **Create your theme map:** By default, Metacat will use the default theme templates unless you specifically tell Metacat to override these with the template files in your custom theme.
In the ``js/themes/<yourtheme>/config.js`` file, change the theme name on line 1, ``default``, to your chosen new theme name.
In the ``themeMap``, add a new line for every template you have edited and added to your new theme. An example for the footer.html and navbar.html files is below.hhh h!h"hLh$}r4��(h&]h']h(]h)]h,]uh.K1h/hh0]r5��(h;X���4. r6��ÖÅr7��}r8��(hX���4. hj2��ubjz��)År9��}r:��(hX���**Create your theme map:**h$}r;��(h&]h']h(]h)]h,]uhj2��h0]r<��h;X���Create your theme map:r=��ÖÅr>��}r?��(hU�hj9��ubah"jÇ��ubh;X¶��� By default, Metacat will use the default theme templates unless you specifically tell Metacat to override these with the template files in your custom theme.
In the r@��ÖÅrA��}rB��(hX¶��� By default, Metacat will use the default theme templates unless you specifically tell Metacat to override these with the template files in your custom theme.
In the hj2��ubjÜ��)ÅrC��}rD��(hX#���``js/themes/<yourtheme>/config.js``h$}rE��(h&]h']h(]h)]h,]uhj2��h0]rF��h;X���js/themes/<yourtheme>/config.jsrG��ÖÅrH��}rI��(hU�hjC��ubah"jé��ubh;X(��� file, change the theme name on line 1, rJ��ÖÅrK��}rL��(hX(��� file, change the theme name on line 1, hj2��ubjÜ��)ÅrM��}rN��(hX���``default``h$}rO��(h&]h']h(]h)]h,]uhj2��h0]rP��h;X���defaultrQ��ÖÅrR��}rS��(hU�hjM��ubah"jé��ubh;X(���, to your chosen new theme name.
In the rT��ÖÅrU��}rV��(hX(���, to your chosen new theme name.
In the hj2��ubjÜ��)ÅrW��}rX��(hX���``themeMap``h$}rY��(h&]h']h(]h)]h,]uhj2��h0]rZ��h;X���themeMapr[��ÖÅr\��}r]��(hU�hjW��ubah"jé��ubh;Xè���, add a new line for every template you have edited and added to your new theme. An example for the footer.html and navbar.html files is below.r^��ÖÅr_��}r`��(hXè���, add a new line for every template you have edited and added to your new theme. An example for the footer.html and navbar.html files is below.hj2��ubeubjí��)Åra��}rb��(hU�hhh h!h"jï��h$}rc��(h&]h']h(]h)]h,]uh.Nh/hh0]rd��jò��)Åre��}rf��(hX:��var theme = theme || "default";
var themeMap =
{
        '*': {
                // example overrides are provided here
                'templates/navbar.html' : 'themes/' + theme + '/templates/navbar.html',
                'templates/footer.html' : 'themes/' + theme + '/templates/footer.html'
                }
};hja��h"jõ��h$}rg��(jù��jû��h)]h(]h&]h']h,]uh.K7h0]rh��h;X:��var theme = theme || "default";
var themeMap =
{
        '*': {
                // example overrides are provided here
                'templates/navbar.html' : 'themes/' + theme + '/templates/navbar.html',
                'templates/footer.html' : 'themes/' + theme + '/templates/footer.html'
                }
};ri��ÖÅrj��}rk��(hU�hje��ubaubaubj£��)Årl��}rm��(hU�hhh h!h"j¶��h$}rn��(j®��U.j©��Kh)]h(]h&]j™��U�h']h,]j´��j¨��uh.KAh/hh0]ro��hq)Årp��}rq��(hXD���Repeat step 3-4 as necessary for any other template files you edit.
hjl��h h!h"hõh$}rr��(h&]h']h(]h)]h,]uh.Nh/hh0]rs��hI)Årt��}ru��(hXC���Repeat step 3-4 as necessary for any other template files you edit.rv��hjp��h h!h"hLh$}rw��(h&]h']h(]h)]h,]uh.KAh0]rx��h;XC���Repeat step 3-4 as necessary for any other template files you edit.ry��ÖÅrz��}r{��(hjv��hjt��ubaubaubaubj£��)År|��}r}��(hU�hhh h!h"j¶��h$}r~��(j®��U.j©��Kh)]h(]h&]j™��U�h']h,]j´��j¨��uh.KCh/hh0]r��hq)ÅrÄ��}rÅ��(hX›��Open ``index.html``. Edit the following line to reflect your theme name (``data-theme``) and your Metacat
context (``data-metacat-context``). (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)hj|��h h!h"hõh$}rÇ��(h&]h']h(]h)]h,]uh.Nh/hh0]rÉ��hI)ÅrÑ��}rÖ��(hX›��Open ``index.html``. Edit the following line to reflect your theme name (``data-theme``) and your Metacat
context (``data-metacat-context``). (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)hjÄ��h h!h"hLh$}rÜ��(h&]h']h(]h)]h,]uh.KCh0]rá��(h;X���Open rà��ÖÅrâ��}rä��(hX���Open hjÑ��ubjÜ��)Årã��}rå��(hX���``index.html``h$}rç��(h&]h']h(]h)]h,]uhjÑ��h0]ré��h;X
���index.htmlrè��ÖÅrê��}rë��(hU�hjã��ubah"jé��ubh;X6���. Edit the following line to reflect your theme name (rí��ÖÅrì��}rî��(hX6���. Edit the following line to reflect your theme name (hjÑ��ubjÜ��)Årï��}rñ��(hX���``data-theme``h$}ró��(h&]h']h(]h)]h,]uhjÑ��h0]rò��h;X
���data-themerô��ÖÅrö��}rõ��(hU�hjï��ubah"jé��ubh;X���) and your Metacat
context (rú��ÖÅrù��}rû��(hX���) and your Metacat
context (hjÑ��ubjÜ��)Årü��}r†��(hX���``data-metacat-context``h$}r°��(h&]h']h(]h)]h,]uhjÑ��h0]r¢��h;X���data-metacat-contextr£��ÖÅr§��}r•��(hU�hjü��ubah"jé��ubh;XR��). (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)r¶��ÖÅrß��}r®��(hXR��). (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)hjÑ��ubeubaubaubj£��)År©��}r™��(hU�hhh h!h"j¶��h$}r´��(j®��U.j©��Kh)]h(]h&]j™��U�h']h,]j´��j¨��uh.KEh/hh0]r¨��hq)År≠��}rÆ��(hXß��**Specify your theme and metacat context** Open ``index.html``. Edit the following line to specify your theme name (attribute ``data-theme``) and your Metacat
context (attribute ``data-metacat-context``) (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)

     ::

       <script data-theme="default" data-metacat-context="metacat" id="loader" type="text/javascript" src="loader.js"></script>

hj©��h h!h"hõh$}rØ��(h&]h']h(]h)]h,]uh.Nh/hh0]r∞��(hI)År±��}r≤��(hX��**Specify your theme and metacat context** Open ``index.html``. Edit the following line to specify your theme name (attribute ``data-theme``) and your Metacat
context (attribute ``data-metacat-context``) (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)hj≠��h h!h"hLh$}r≥��(h&]h']h(]h)]h,]uh.KEh0]r¥��(jz��)Årµ��}r∂��(hX*���**Specify your theme and metacat context**h$}r∑��(h&]h']h(]h)]h,]uhj±��h0]r∏��h;X&���Specify your theme and metacat contextrπ��ÖÅr∫��}rª��(hU�hjµ��ubah"jÇ��ubh;X��� Open rº��ÖÅrΩ��}ræ��(hX��� Open hj±��ubjÜ��)Årø��}r¿��(hX���``index.html``h$}r¡��(h&]h']h(]h)]h,]uhj±��h0]r¬��h;X
���index.htmlr√��ÖÅrƒ��}r≈��(hU�hjø��ubah"jé��ubh;X@���. Edit the following line to specify your theme name (attribute r∆��ÖÅr«��}r»��(hX@���. Edit the following line to specify your theme name (attribute hj±��ubjÜ��)År…��}r ��(hX���``data-theme``h$}rÀ��(h&]h']h(]h)]h,]uhj±��h0]rÃ��h;X
���data-themerÕ��ÖÅrŒ��}rœ��(hU�hj…��ubah"jé��ubh;X&���) and your Metacat
context (attribute r–��ÖÅr—��}r“��(hX&���) and your Metacat
context (attribute hj±��ubjÜ��)År”��}r‘��(hX���``data-metacat-context``h$}r’��(h&]h']h(]h)]h,]uhj±��h0]r÷��h;X���data-metacat-contextr◊��ÖÅrÿ��}rŸ��(hU�hj”��ubah"jé��ubh;XQ��) (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)r⁄��ÖÅr€��}r‹��(hXQ��) (The Metacat context is the name of the directory in which Metacat is installed in the Tomcat web-application directory (most likely "metacat"). Whomever installed Metacat will know what this directory is called. If your MetacatUI is already successfully retrieving datasets during searches, this is already set and can be left as is.)hj±��ubeubjí��)År›��}rfi��(hU�h$}rfl��(h&]h']h(]h)]h,]uhj≠��h0]r‡��jò��)År·��}r‚��(hXx���<script data-theme="default" data-metacat-context="metacat" id="loader" type="text/javascript" src="loader.js"></script>hj›��h"jõ��h$}r„��(jù��jû��h)]h(]h&]h']h,]uh.KJh0]r‰��h;Xx���<script data-theme="default" data-metacat-context="metacat" id="loader" type="text/javascript" src="loader.js"></script>rÂ��ÖÅrÊ��}rÁ��(hU�hj·��ubaubah"jï��ubeubaubeubh h!h"Usystem_messagerË��h$}rÈ��(h&]UlevelKh)]h(]Usourceh!h']h,]UlineKUtypeUINFOrÍ��uh.KAh/hh0]rÎ��hI)ÅrÏ��}rÌ��(hU�h$}rÓ��(h&]h']h(]h)]h,]uhhh0]rÔ��h;X:���Enumerated list start value not ordinal-1: "5" (ordinal 5)r��ÖÅrÒ��}rÚ��(hU�hjÏ��ubah"hLubaubh)ÅrÛ��}rÙ��(hU�hhh h!h"jË��h$}rı��(h&]UlevelKh)]h(]Usourceh!h']h,]UlineKUtypejÍ��uh.KCh/hh0]rˆ��hI)År˜��}r¯��(hU�h$}r˘��(h&]h']h(]h)]h,]uhjÛ��h0]r˙��h;X:���Enumerated list start value not ordinal-1: "7" (ordinal 7)r˚��ÖÅr¸��}r˝��(hU�hj˜��ubah"hLubaubh)År˛��}rˇ��(hU�hhh h!h"jË��h$}r���(h&]UlevelKh)]h(]Usourceh!h']h,]UlineKEUtypeUWARNINGr��uh.KDh/hh0]r��hI)År��}r��(hU�h$}r��(h&]h']h(]h)]h,]uhj˛��h0]r��h;X?���Enumerated list ends without a blank line; unexpected unindent.r��ÖÅr��}r	��(hU�hj��ubah"hLubaubh)År
��}r��(hU�hhh h!h"j��h$}r��(h&]UlevelKh)]h(]Usourceh!h']h,]UlineKUtypej��uh.KEh/hh0]r
��hI)År��}r��(hU�h$}r��(h&]h']h(]h)]h,]uhj
��h0]r��h;X:���Enumerated list start value not ordinal-1: "6" (ordinal 6)r��ÖÅr��}r��(hU�hj��ubah"hLubaubh)År��}r��(hU�hj^��h h!h"jË��h$}r��(h&]UlevelKh)]h(]Usourceh!h']h,]UlineKUtypejÍ��uh.K]h/hh0]r��hI)År��}r��(hU�h$}r��(h&]h']h(]h)]h,]uhj��h0]r��h;X:���Enumerated list start value not ordinal-1: "2" (ordinal 2)r��ÖÅr��}r��(hU�hj��ubah"hLubaubh)År ��}r!��(hU�hjB��h h!h"jË��h$}r"��(h&]UlevelKh)]h(]Usourceh!h']h,]UlineKUtypejÍ��uh.K˜h/hh0]r#��hI)År$��}r%��(hU�h$}r&��(h&]h']h(]h)]h,]uhj ��h0]r'��h;X:���Enumerated list start value not ordinal-1: "2" (ordinal 2)r(��ÖÅr)��}r*��(hU�hj$��ubah"hLubaubh)År+��}r,��(hU�hjB��h h!h"jË��h$}r-��(h&]UlevelKh)]h(]Usourceh!h']h,]UlineKUtypejÍ��uh.Mh/hh0]r.��hI)År/��}r0��(hU�h$}r1��(h&]h']h(]h)]h,]uhj+��h0]r2��h;X:���Enumerated list start value not ordinal-1: "3" (ordinal 3)r3��ÖÅr4��}r5��(hU�hj/��ubah"hLubaubeUcurrent_sourcer6��NU
decorationr7��NUautofootnote_startr8��KUnameidsr9��}r:��(hh+hhïhh©h	h¿h
j'��hh˘hjÚ��h
j��hhÊhh”hhahj?��uh0]r;��hahU�Utransformerr<��NU
footnote_refsr=��}r>��Urefnamesr?��}r@��Usymbol_footnotesrA��]rB��Uautofootnote_refsrC��]rD��Usymbol_footnote_refsrE��]rF��U	citationsrG��]rH��h/hUcurrent_linerI��NUtransform_messagesrJ��]rK��UreporterrL��NUid_startrM��K	U
autofootnotesrN��]rO��U
citation_refsrP��}rQ��Uindirect_targetsrR��]rS��UsettingsrT��(cdocutils.frontend
Values
rU��orV��}rW��(Ufootnote_backlinksrX��KUrecord_dependenciesrY��NUrfc_base_urlrZ��Uhttps://tools.ietf.org/html/r[��U	tracebackr\��àUpep_referencesr]��NUstrip_commentsr^��NU
toc_backlinksr_��Uentryr`��U
language_codera��Uenrb��U	datestamprc��NUreport_levelrd��KU_destinationre��NU
halt_levelrf��KU
strip_classesrg��Nh6NUerror_encoding_error_handlerrh��Ubackslashreplaceri��Udebugrj��NUembed_stylesheetrk��âUoutput_encoding_error_handlerrl��Ustrictrm��U
sectnum_xformrn��KUdump_transformsro��NU
docinfo_xformrp��KUwarning_streamrq��NUpep_file_url_templaterr��Upep-%04drs��Uexit_status_levelrt��KUconfigru��NUstrict_visitorrv��NUcloak_email_addressesrw��àUtrim_footnote_reference_spacerx��âUenvry��NUdump_pseudo_xmlrz��NUexpose_internalsr{��NUsectsubtitle_xformr|��âUsource_linkr}��NUrfc_referencesr~��NUoutput_encodingr��Uutf-8rÄ��U
source_urlrÅ��NUinput_encodingrÇ��U	utf-8-sigrÉ��U_disable_configrÑ��NU	id_prefixrÖ��U�U	tab_widthrÜ��KUerror_encodingrá��UUTF-8rà��U_sourcerâ��h!Ugettext_compacträ��àU	generatorrã��NUdump_internalsrå��NUsmart_quotesrç��âUpep_base_urlré��U https://www.python.org/dev/peps/rè��Usyntax_highlightrê��Ulongrë��Uinput_encoding_error_handlerrí��jm��Uauto_id_prefixrì��Uidrî��Udoctitle_xformrï��âUstrip_elements_with_classesrñ��NU
_config_filesró��]Ufile_insertion_enabledrò��àUraw_enabledrô��KU
dump_settingsrö��NubUsymbol_footnote_startrõ��K�Uidsrú��}rù��(hïhhøhªj'��j#��hÂh·h®h§h“hŒh9h{j?��j;��h˘jB��h©j^��hîhêjJ��jE��h”j5��j��j��hÊjÙ��h¯hÙjÚ��jÓ��h+hh¿j£��hahZuUsubstitution_namesrû��}rü��h"h/h$}r†��(h&]h)]h(]Usourceh!h']h,]uU	footnotesr°��]r¢��Urefidsr£��}r§��ub.