{{#define a dict used for setup: must at a minimum define the UI_layer page (that is reloaded e.g. when language changes)
setup_params = {
  'UI_layer': {
    'page':'UI_layer.load', 
    'vars':{'tabs':'default'} }, 
   'popups': {
    'vars':{'popup':1} }, #definitely don't encode 'form_reservation_code' as this will be permanently stored in the html
  'locations_json':('[' 
      '"Popular places",' 
      '{"OTT":244265},'  #Mammals - should get looked up automatically: this also allows the correct language to be used
      '{"OTT":770315},'  #Human - ditto
      '{"OTT":81461},'   #Birds
      '{"OTT":991547},'  #Frogs and toads
      '{"OTT":801601},'  #Vertebrates
      '{"OTT":1062253},' #Insects
      '{"OTT":691846},'  #Animals
      '{"OTT":361838},'  #Green plants
      '{"OTT":99252},'   #Flowering plants
      '{"OTT":1012685, "en":"Mushrooms"},' #the default OZ english name is bad for menus here, so we replace it
      '{"OTT":304358}'   #Complex life (eukaryotes)
      ']')
  }
}}

{{extend ('treeviewer/layout_popuped_viewer.html' if request.vars.popup else 'treeviewer/layout.html')}}
<!-- since this should be possible to run without a server, remove the ability to switch languages/pages -->
<style>
.treeswitch {display: none}
.langswitch {display: none}
</style>
<!-- could define js variables (specifically: pagetitle_func, tree_config, screensaver_config, tutorial_config) within <script> tags here -->
<script type="text/javascript">
var tree_config=null;
var pagetitle_func = function(nm) {return (nm)?({{=XML(__import__('json').dumps(str(T('OneZoom restricted: '))))}}+ nm):{{=XML(__import__('json').dumps(str(T('OneZoom Tree of Life Explorer: restricted version'))))}}};
</script>