{"name":"Harbor Level","headerTitle":"Harbor Level","version":1,"accentColor":"#80DEEA","appearance":{"colorScheme":"dark"},"theme":{"accentColor":"#80DEEA","accentGradient":["#80DEEA","#9BADFF"],"pageBackgroundGradient":["#0A111D","#122132"],"cornerRadius":20,"fontDesign":"rounded","cardPadding":12,"borderWidth":0.5,"tabBarTint":"#80DEEA"},"tabs":[{"title":"Overview","icon":"water.waves","grid":{"columns":4,"rows":12,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-2","position":[0,0],"span":[1,4],"label":"","controlHeight":112,"tint":"#80DEEA","text":"How has the water level changed in San Francisco?","style":"large-mono","align":"leading"},{"type":"statusLight","id":"harbor-level-1","position":[1,0],"span":[1,4],"label":"Source response","controlHeight":46,"tint":"#80DEEA","style":"badge","defaultValue":"WAITING","statusColors":{"READY":"#A8DFC3","EMPTY":"#DBC990","STALE":"#F2BA81","UNAVAILABLE":"#F59B9F","WAITING":"#A9B5C8"},"pulse":false,"sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"status"}]},{"type":"label","id":"harbor-level-3","position":[2,0],"span":[1,4],"label":"","controlHeight":64,"tint":"#80DEEA","text":"Waiting for first successful retrieval","style":"mono","align":"leading","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"freshness"}]},{"type":"chart","id":"harbor-level-4","position":[3,0],"span":[1,4],"label":"Recent observed level · m MLLW · UTC","controlHeight":320,"tint":"#80DEEA","chartConfig":{"showXAxis":true,"showYAxis":true,"showGrid":true,"showLegend":true,"scrub":true,"smooth":false},"defaultValue":"{\"series\":[]}","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"chart"}]},{"type":"label","id":"harbor-level-5","position":[4,0],"span":[1,4],"label":"","controlHeight":68,"tint":"#80DEEA","text":"Drag across the plot to inspect a value.","style":"mono","align":"leading"},{"type":"flipCard","id":"harbor-level-13","position":[5,0],"span":[1,4],"label":"","controlHeight":270,"tint":"#80DEEA","panels":[{"type":"group","id":"harbor-level-panel-9","label":"Reading","position":[0,0],"grid":{"columns":4,"rows":3,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-6","position":[0,0],"span":[1,4],"label":"","controlHeight":62,"tint":"#80DEEA","text":"Water level · m MLLW","style":"mono","align":"leading"},{"type":"label","id":"harbor-level-7","position":[1,0],"span":[1,4],"label":"","controlHeight":112,"tint":"#80DEEA","text":"Waiting for source","style":"large-mono","align":"leading","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"metric1"}]},{"type":"label","id":"harbor-level-8","position":[2,0],"span":[1,4],"label":"","controlHeight":32,"tint":"#80DEEA","text":"Tap for context ↻","style":"mono","align":"leading"}]},{"type":"group","id":"harbor-level-panel-12","label":"Meaning","position":[0,0],"grid":{"columns":4,"rows":2,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-10","position":[0,0],"span":[1,4],"label":"","controlHeight":158,"tint":"#80DEEA","text":"The datum and units belong beside the measurement, not hidden in a settings screen.","style":"mono","align":"leading"},{"type":"label","id":"harbor-level-11","position":[1,0],"span":[1,4],"label":"","controlHeight":32,"tint":"#80DEEA","text":"Tap to return ↻","style":"mono","align":"leading"}]}],"flipAxis":"horizontal","flipTrigger":"tap","defaultValue":0,"containerAnimation":{"profile":"smooth"}},{"type":"flipCard","id":"harbor-level-21","position":[6,0],"span":[1,4],"label":"","controlHeight":270,"tint":"#80DEEA","panels":[{"type":"group","id":"harbor-level-panel-17","label":"Reading","position":[0,0],"grid":{"columns":4,"rows":3,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-14","position":[0,0],"span":[1,4],"label":"","controlHeight":62,"tint":"#80DEEA","text":"Station","style":"mono","align":"leading"},{"type":"label","id":"harbor-level-15","position":[1,0],"span":[1,4],"label":"","controlHeight":112,"tint":"#80DEEA","text":"Waiting for source","style":"large-mono","align":"leading","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"metric2"}]},{"type":"label","id":"harbor-level-16","position":[2,0],"span":[1,4],"label":"","controlHeight":32,"tint":"#80DEEA","text":"Tap for context ↻","style":"mono","align":"leading"}]},{"type":"group","id":"harbor-level-panel-20","label":"Meaning","position":[0,0],"grid":{"columns":4,"rows":2,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-18","position":[0,0],"span":[1,4],"label":"","controlHeight":158,"tint":"#80DEEA","text":"Preliminary observations, not a tide prediction or navigation product. MLLW is a reference level.","style":"mono","align":"leading"},{"type":"label","id":"harbor-level-19","position":[1,0],"span":[1,4],"label":"","controlHeight":32,"tint":"#80DEEA","text":"Tap to return ↻","style":"mono","align":"leading"}]}],"flipAxis":"horizontal","flipTrigger":"tap","defaultValue":0,"containerAnimation":{"profile":"smooth"}},{"type":"label","id":"harbor-level-22","position":[7,0],"span":[1,4],"label":"","controlHeight":82,"tint":"#80DEEA","text":"Observation time not supplied","style":"mono","align":"leading","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"source_time"}]},{"type":"label","id":"harbor-level-23","position":[8,0],"span":[1,4],"label":"","controlHeight":104,"tint":"#80DEEA","text":"Preliminary observations, not a tide prediction or navigation product. MLLW is a reference level.","style":"mono","align":"leading"},{"type":"label","id":"harbor-level-24","position":[9,0],"span":[1,4],"label":"","controlHeight":68,"tint":"#80DEEA","text":"Source: NOAA CO-OPS · links in Learn","style":"mono","align":"leading"}]},{"title":"Explore","icon":"square.grid.2x2","grid":{"columns":4,"rows":7,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-25","position":[0,0],"span":[1,4],"label":"","controlHeight":112,"tint":"#80DEEA","text":"Same source. Another useful view.","style":"large-mono","align":"leading"},{"type":"map","id":"harbor-level-26","position":[1,0],"span":[1,4],"label":"Stations and locations","controlHeight":380,"tint":"#80DEEA","mapStyle":"standard","mapInteractive":true,"mapConfig":{"maxMarkers":100},"defaultValue":"{\"markers\":[]}","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"map"}]},{"type":"label","id":"harbor-level-27","position":[2,0],"span":[1,4],"label":"","controlHeight":75,"tint":"#80DEEA","text":"Source notes","style":"mono","align":"leading","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"detail"}]},{"type":"list","id":"harbor-level-28","position":[3,0],"span":[1,4],"label":"Selected source records","controlHeight":420,"tint":"#80DEEA","listColumns":[{"key":"title","label":"Record"},{"key":"detail","label":"Context"},{"key":"value","label":"Reading / date"}],"defaultValue":"[]","sync":[{"method":"http","url":"https://carterbeaudoin.net/api/template-feed/harbor-level","interval":360,"valuePath":"rows"}]},{"type":"accordion","id":"harbor-level-35","position":[4,0],"span":[1,4],"label":"A little context","controlHeight":320,"tint":"#80DEEA","accordionMode":"single","expandedIndex":0,"showChevron":true,"panels":[{"type":"group","id":"harbor-level-panel-30","label":"What this teaches","position":[0,0],"grid":{"columns":4,"rows":1,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-29","position":[0,0],"span":[1,4],"label":"","controlHeight":125,"tint":"#80DEEA","text":"The datum and units belong beside the measurement, not hidden in a settings screen.","style":"mono","align":"leading"}]},{"type":"group","id":"harbor-level-panel-32","label":"Read before using","position":[0,0],"grid":{"columns":4,"rows":1,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-31","position":[0,0],"span":[1,4],"label":"","controlHeight":145,"tint":"#80DEEA","text":"Preliminary observations, not a tide prediction or navigation product. MLLW is a reference level.","style":"mono","align":"leading"}]},{"type":"group","id":"harbor-level-panel-34","label":"Where the data comes from","position":[0,0],"grid":{"columns":4,"rows":1,"mode":"flow"},"children":[{"type":"label","id":"harbor-level-33","position":[0,0],"span":[1,4],"label":"","controlHeight":180,"tint":"#80DEEA","text":"NOAA CO-OPS\nNOAA public data; retain agency credit. No endorsement implied.","style":"mono","align":"leading"}]}],"containerAnimation":{"profile":"smooth"}}]},{"title":"Learn","icon":"book.closed","grid":{"columns":4,"rows":3,"mode":"flow"},"children":[{"type":"webView","id":"harbor-level-36","position":[0,0],"span":[1,4],"label":"A one-minute walkthrough","controlHeight":780,"tint":"#80DEEA","url":"https://carterbeaudoin.net/CAR-TER/templates/open-data/harbor-level.html","webInteractive":true,"webScrollEnabled":true}]}]}