3387 lines
93 KiB
HTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Build Power. Not Rent It. Own your digital infrastructure.">
<meta name="author" content="Bunker Operations">
<link rel="canonical" href="https://cmlite.org/manual/map/">
<link rel="prev" href="../">
<link rel="next" href="../../adv/">
<link rel="icon" href="../../assets/favicon.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.21">
<title>Map - Changemaker Lite</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.2a3383ac.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i%7CJetBrains+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Inter";--md-code-font:"JetBrains Mono"}</style>
<link rel="stylesheet" href="../../stylesheets/extra.css">
<link rel="stylesheet" href="../../stylesheets/home.css">
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
<meta property="og:type" content="website" >
<meta property="og:title" content="Map - Changemaker Lite" >
<meta property="og:description" content="Build Power. Not Rent It. Own your digital infrastructure." >
<meta property="og:image" content="https://cmlite.org/assets/images/social/manual/map.png" >
<meta property="og:image:type" content="image/png" >
<meta property="og:image:width" content="1200" >
<meta property="og:image:height" content="630" >
<meta property="og:url" content="https://cmlite.org/manual/map/" >
<meta name="twitter:card" content="summary_large_image" >
<meta name="twitter:title" content="Map - Changemaker Lite" >
<meta name="twitter:description" content="Build Power. Not Rent It. Own your digital infrastructure." >
<meta name="twitter:image" content="https://cmlite.org/assets/images/social/manual/map.png" >
<!-- Custom meta tags or head content can go here -->
</head>
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#map-system-manual" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
<aside class="md-banner">
<div class="md-banner__inner md-grid md-typeset">
<button class="md-banner__button md-icon" aria-label="Don't show this again">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
<a href="https://homepage.cmlite.org" class="login-button">Login</a>
Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
</div>
<script>var el=document.querySelector("[data-md-component=announce]");if(el){var content=el.querySelector(".md-typeset");__md_hash(content.innerHTML)===__md_get("__announce")&&(el.hidden=!0)}</script>
</aside>
</div>
<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="Changemaker Lite" class="md-header__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<img src="../../assets/logo.png" alt="logo">
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Changemaker Lite
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Map
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3zm3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31"/></svg>
</label>
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44z"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<a href="javascript:void(0)" class="md-search__icon md-icon" title="Share" aria-label="Share" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg>
</a>
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
</nav>
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
<div class="md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href="../.." class="md-tabs__link">
Home
</a>
</li>
<li class="md-tabs__item">
<a href="../../phil/" class="md-tabs__link">
Philosophy
</a>
</li>
<li class="md-tabs__item md-tabs__item--active">
<a href="../../build/" class="md-tabs__link">
Getting Started
</a>
</li>
<li class="md-tabs__item">
<a href="../../blog/" class="md-tabs__link">
Blog
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="Changemaker Lite" class="md-nav__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<img src="../../assets/logo.png" alt="logo">
</a>
Changemaker Lite
</label>
<div class="md-nav__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../phil/" class="md-nav__link">
<span class="md-ellipsis">
Philosophy
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
<div class="md-nav__link md-nav__container">
<a href="../../build/" class="md-nav__link ">
<span class="md-ellipsis">
Getting Started
</span>
</a>
<label class="md-nav__link " for="__nav_3" id="__nav_3_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Getting Started
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../build/server/" class="md-nav__link">
<span class="md-ellipsis">
Build Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../build/map/" class="md-nav__link">
<span class="md-ellipsis">
Build Map
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../build/influence/" class="md-nav__link">
<span class="md-ellipsis">
Build Influence
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../build/site/" class="md-nav__link">
<span class="md-ellipsis">
Build Site
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_3_6" >
<div class="md-nav__link md-nav__container">
<a href="../../services/" class="md-nav__link ">
<span class="md-ellipsis">
Services
</span>
</a>
<label class="md-nav__link " for="__nav_3_6" id="__nav_3_6_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_6_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_6">
<span class="md-nav__icon md-icon"></span>
Services
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../services/homepage/" class="md-nav__link">
<span class="md-ellipsis">
Homepage
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/code-server/" class="md-nav__link">
<span class="md-ellipsis">
Code Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/mkdocs/" class="md-nav__link">
<span class="md-ellipsis">
MKDocs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/static-server/" class="md-nav__link">
<span class="md-ellipsis">
Static Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/listmonk/" class="md-nav__link">
<span class="md-ellipsis">
Listmonk
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/postgresql/" class="md-nav__link">
<span class="md-ellipsis">
PostgreSQL
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/n8n/" class="md-nav__link">
<span class="md-ellipsis">
n8n
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/nocodb/" class="md-nav__link">
<span class="md-ellipsis">
NocoDB
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/gitea/" class="md-nav__link">
<span class="md-ellipsis">
Gitea
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/map/" class="md-nav__link">
<span class="md-ellipsis">
Map
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/mini-qr/" class="md-nav__link">
<span class="md-ellipsis">
Mini QR
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_3_7" >
<div class="md-nav__link md-nav__container">
<a href="../../config/" class="md-nav__link ">
<span class="md-ellipsis">
Configuration
</span>
</a>
<label class="md-nav__link " for="__nav_3_7" id="__nav_3_7_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_7_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_7">
<span class="md-nav__icon md-icon"></span>
Configuration
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../config/cloudflare-config/" class="md-nav__link">
<span class="md-ellipsis">
Cloudflare
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../config/mkdocs/" class="md-nav__link">
<span class="md-ellipsis">
MKdocs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../config/coder/" class="md-nav__link">
<span class="md-ellipsis">
Code Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../config/map/" class="md-nav__link">
<span class="md-ellipsis">
Map
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_8" checked>
<div class="md-nav__link md-nav__container">
<a href="../" class="md-nav__link ">
<span class="md-ellipsis">
Manuals
</span>
</a>
<label class="md-nav__link " for="__nav_3_8" id="__nav_3_8_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_8_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3_8">
<span class="md-nav__icon md-icon"></span>
Manuals
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Map
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Map
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="On this page">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
On this page
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#1-getting-started" class="md-nav__link">
<span class="md-ellipsis">
1. Getting Started
</span>
</a>
<nav class="md-nav" aria-label="1. Getting Started">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#logging-in" class="md-nav__link">
<span class="md-ellipsis">
Logging In
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#user-types-permissions" class="md-nav__link">
<span class="md-ellipsis">
User Types &amp; Permissions
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#2-interactive-map-features" class="md-nav__link">
<span class="md-ellipsis">
2. Interactive Map Features
</span>
</a>
<nav class="md-nav" aria-label="2. Interactive Map Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#basic-map-navigation" class="md-nav__link">
<span class="md-ellipsis">
Basic Map Navigation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#advanced-search-ctrlk" class="md-nav__link">
<span class="md-ellipsis">
Advanced Search (Ctrl+K)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#map-overlays-cuts" class="md-nav__link">
<span class="md-ellipsis">
Map Overlays (Cuts)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#3-location-management" class="md-nav__link">
<span class="md-ellipsis">
3. Location Management
</span>
</a>
<nav class="md-nav" aria-label="3. Location Management">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#adding-new-locations" class="md-nav__link">
<span class="md-ellipsis">
Adding New Locations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#editing-and-managing-locations" class="md-nav__link">
<span class="md-ellipsis">
Editing and Managing Locations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#bulk-data-import" class="md-nav__link">
<span class="md-ellipsis">
Bulk Data Import
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#4-volunteer-shift-management" class="md-nav__link">
<span class="md-ellipsis">
4. Volunteer Shift Management
</span>
</a>
<nav class="md-nav" aria-label="4. Volunteer Shift Management">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#public-shift-signup-no-login-required" class="md-nav__link">
<span class="md-ellipsis">
Public Shift Signup (No Login Required)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#authenticated-user-shift-management" class="md-nav__link">
<span class="md-ellipsis">
Authenticated User Shift Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#shift-actions" class="md-nav__link">
<span class="md-ellipsis">
Shift Actions
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#5-advanced-map-features" class="md-nav__link">
<span class="md-ellipsis">
5. Advanced Map Features
</span>
</a>
<nav class="md-nav" aria-label="5. Advanced Map Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#geographic-cuts-system" class="md-nav__link">
<span class="md-ellipsis">
Geographic Cuts System
</span>
</a>
<nav class="md-nav" aria-label="Geographic Cuts System">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#viewing-cuts-all-users" class="md-nav__link">
<span class="md-ellipsis">
Viewing Cuts (All Users)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#admin-cut-management" class="md-nav__link">
<span class="md-ellipsis">
Admin Cut Management
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#location-filtering-within-cuts" class="md-nav__link">
<span class="md-ellipsis">
Location Filtering within Cuts
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#6-communication-tools" class="md-nav__link">
<span class="md-ellipsis">
6. Communication Tools
</span>
</a>
<nav class="md-nav" aria-label="6. Communication Tools">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#universal-search-contact" class="md-nav__link">
<span class="md-ellipsis">
Universal Search &amp; Contact
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#admin-communication-features" class="md-nav__link">
<span class="md-ellipsis">
Admin Communication Features
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#7-walk-sheet-generator" class="md-nav__link">
<span class="md-ellipsis">
7. Walk Sheet Generator
</span>
</a>
<nav class="md-nav" aria-label="7. Walk Sheet Generator">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#creating-walk-sheets" class="md-nav__link">
<span class="md-ellipsis">
Creating Walk Sheets
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#mobile-optimized-walk-sheets" class="md-nav__link">
<span class="md-ellipsis">
Mobile-Optimized Walk Sheets
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#8-user-profile-management" class="md-nav__link">
<span class="md-ellipsis">
8. User Profile Management
</span>
</a>
<nav class="md-nav" aria-label="8. User Profile Management">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#personal-settings" class="md-nav__link">
<span class="md-ellipsis">
Personal Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#password-recovery" class="md-nav__link">
<span class="md-ellipsis">
Password Recovery
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#9-admin-panel-features" class="md-nav__link">
<span class="md-ellipsis">
9. Admin Panel Features
</span>
</a>
<nav class="md-nav" aria-label="9. Admin Panel Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#dashboard-overview" class="md-nav__link">
<span class="md-ellipsis">
Dashboard Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#user-management" class="md-nav__link">
<span class="md-ellipsis">
User Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#shift-administration" class="md-nav__link">
<span class="md-ellipsis">
Shift Administration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#system-configuration" class="md-nav__link">
<span class="md-ellipsis">
System Configuration
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#10-data-management-integration" class="md-nav__link">
<span class="md-ellipsis">
10. Data Management &amp; Integration
</span>
</a>
<nav class="md-nav" aria-label="10. Data Management &amp; Integration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#nocodb-database-integration" class="md-nav__link">
<span class="md-ellipsis">
NocoDB Database Integration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#listmonk-email-marketing-integration" class="md-nav__link">
<span class="md-ellipsis">
Listmonk Email Marketing Integration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#data-export-reporting" class="md-nav__link">
<span class="md-ellipsis">
Data Export &amp; Reporting
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#11-mobile-accessibility-features" class="md-nav__link">
<span class="md-ellipsis">
11. Mobile &amp; Accessibility Features
</span>
</a>
<nav class="md-nav" aria-label="11. Mobile &amp; Accessibility Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#mobile-optimized-interface" class="md-nav__link">
<span class="md-ellipsis">
Mobile-Optimized Interface
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#accessibility" class="md-nav__link">
<span class="md-ellipsis">
Accessibility
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#12-security-privacy" class="md-nav__link">
<span class="md-ellipsis">
12. Security &amp; Privacy
</span>
</a>
<nav class="md-nav" aria-label="12. Security &amp; Privacy">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#data-protection" class="md-nav__link">
<span class="md-ellipsis">
Data Protection
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#user-privacy" class="md-nav__link">
<span class="md-ellipsis">
User Privacy
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#authentication" class="md-nav__link">
<span class="md-ellipsis">
Authentication
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#13-performance-system-requirements" class="md-nav__link">
<span class="md-ellipsis">
13. Performance &amp; System Requirements
</span>
</a>
<nav class="md-nav" aria-label="13. Performance &amp; System Requirements">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#system-performance" class="md-nav__link">
<span class="md-ellipsis">
System Performance
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#browser-requirements" class="md-nav__link">
<span class="md-ellipsis">
Browser Requirements
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#14-troubleshooting" class="md-nav__link">
<span class="md-ellipsis">
14. Troubleshooting
</span>
</a>
<nav class="md-nav" aria-label="14. Troubleshooting">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#common-issues" class="md-nav__link">
<span class="md-ellipsis">
Common Issues
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#performance-issues" class="md-nav__link">
<span class="md-ellipsis">
Performance Issues
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#mobile-issues" class="md-nav__link">
<span class="md-ellipsis">
Mobile Issues
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#15-advanced-features" class="md-nav__link">
<span class="md-ellipsis">
15. Advanced Features
</span>
</a>
<nav class="md-nav" aria-label="15. Advanced Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#api-access" class="md-nav__link">
<span class="md-ellipsis">
API Access
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#customization-options" class="md-nav__link">
<span class="md-ellipsis">
Customization Options
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#16-getting-help-support" class="md-nav__link">
<span class="md-ellipsis">
16. Getting Help &amp; Support
</span>
</a>
<nav class="md-nav" aria-label="16. Getting Help &amp; Support">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#built-in-help" class="md-nav__link">
<span class="md-ellipsis">
Built-in Help
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#administrator-support" class="md-nav__link">
<span class="md-ellipsis">
Administrator Support
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#community-resources" class="md-nav__link">
<span class="md-ellipsis">
Community Resources
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_3_9" >
<div class="md-nav__link md-nav__container">
<a href="../../adv/" class="md-nav__link ">
<span class="md-ellipsis">
Advanced Configuration
</span>
</a>
<label class="md-nav__link " for="__nav_3_9" id="__nav_3_9_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_9_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_9">
<span class="md-nav__icon md-icon"></span>
Advanced Configuration
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../adv/ansible/" class="md-nav__link">
<span class="md-ellipsis">
SSH + Tailscale + Ansible
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../adv/vscode-ssh/" class="md-nav__link">
<span class="md-ellipsis">
SSH + VScode
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../blog/" class="md-nav__link">
<span class="md-ellipsis">
Blog
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="On this page">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
On this page
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#1-getting-started" class="md-nav__link">
<span class="md-ellipsis">
1. Getting Started
</span>
</a>
<nav class="md-nav" aria-label="1. Getting Started">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#logging-in" class="md-nav__link">
<span class="md-ellipsis">
Logging In
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#user-types-permissions" class="md-nav__link">
<span class="md-ellipsis">
User Types &amp; Permissions
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#2-interactive-map-features" class="md-nav__link">
<span class="md-ellipsis">
2. Interactive Map Features
</span>
</a>
<nav class="md-nav" aria-label="2. Interactive Map Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#basic-map-navigation" class="md-nav__link">
<span class="md-ellipsis">
Basic Map Navigation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#advanced-search-ctrlk" class="md-nav__link">
<span class="md-ellipsis">
Advanced Search (Ctrl+K)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#map-overlays-cuts" class="md-nav__link">
<span class="md-ellipsis">
Map Overlays (Cuts)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#3-location-management" class="md-nav__link">
<span class="md-ellipsis">
3. Location Management
</span>
</a>
<nav class="md-nav" aria-label="3. Location Management">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#adding-new-locations" class="md-nav__link">
<span class="md-ellipsis">
Adding New Locations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#editing-and-managing-locations" class="md-nav__link">
<span class="md-ellipsis">
Editing and Managing Locations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#bulk-data-import" class="md-nav__link">
<span class="md-ellipsis">
Bulk Data Import
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#4-volunteer-shift-management" class="md-nav__link">
<span class="md-ellipsis">
4. Volunteer Shift Management
</span>
</a>
<nav class="md-nav" aria-label="4. Volunteer Shift Management">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#public-shift-signup-no-login-required" class="md-nav__link">
<span class="md-ellipsis">
Public Shift Signup (No Login Required)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#authenticated-user-shift-management" class="md-nav__link">
<span class="md-ellipsis">
Authenticated User Shift Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#shift-actions" class="md-nav__link">
<span class="md-ellipsis">
Shift Actions
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#5-advanced-map-features" class="md-nav__link">
<span class="md-ellipsis">
5. Advanced Map Features
</span>
</a>
<nav class="md-nav" aria-label="5. Advanced Map Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#geographic-cuts-system" class="md-nav__link">
<span class="md-ellipsis">
Geographic Cuts System
</span>
</a>
<nav class="md-nav" aria-label="Geographic Cuts System">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#viewing-cuts-all-users" class="md-nav__link">
<span class="md-ellipsis">
Viewing Cuts (All Users)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#admin-cut-management" class="md-nav__link">
<span class="md-ellipsis">
Admin Cut Management
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#location-filtering-within-cuts" class="md-nav__link">
<span class="md-ellipsis">
Location Filtering within Cuts
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#6-communication-tools" class="md-nav__link">
<span class="md-ellipsis">
6. Communication Tools
</span>
</a>
<nav class="md-nav" aria-label="6. Communication Tools">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#universal-search-contact" class="md-nav__link">
<span class="md-ellipsis">
Universal Search &amp; Contact
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#admin-communication-features" class="md-nav__link">
<span class="md-ellipsis">
Admin Communication Features
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#7-walk-sheet-generator" class="md-nav__link">
<span class="md-ellipsis">
7. Walk Sheet Generator
</span>
</a>
<nav class="md-nav" aria-label="7. Walk Sheet Generator">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#creating-walk-sheets" class="md-nav__link">
<span class="md-ellipsis">
Creating Walk Sheets
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#mobile-optimized-walk-sheets" class="md-nav__link">
<span class="md-ellipsis">
Mobile-Optimized Walk Sheets
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#8-user-profile-management" class="md-nav__link">
<span class="md-ellipsis">
8. User Profile Management
</span>
</a>
<nav class="md-nav" aria-label="8. User Profile Management">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#personal-settings" class="md-nav__link">
<span class="md-ellipsis">
Personal Settings
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#password-recovery" class="md-nav__link">
<span class="md-ellipsis">
Password Recovery
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#9-admin-panel-features" class="md-nav__link">
<span class="md-ellipsis">
9. Admin Panel Features
</span>
</a>
<nav class="md-nav" aria-label="9. Admin Panel Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#dashboard-overview" class="md-nav__link">
<span class="md-ellipsis">
Dashboard Overview
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#user-management" class="md-nav__link">
<span class="md-ellipsis">
User Management
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#shift-administration" class="md-nav__link">
<span class="md-ellipsis">
Shift Administration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#system-configuration" class="md-nav__link">
<span class="md-ellipsis">
System Configuration
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#10-data-management-integration" class="md-nav__link">
<span class="md-ellipsis">
10. Data Management &amp; Integration
</span>
</a>
<nav class="md-nav" aria-label="10. Data Management &amp; Integration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#nocodb-database-integration" class="md-nav__link">
<span class="md-ellipsis">
NocoDB Database Integration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#listmonk-email-marketing-integration" class="md-nav__link">
<span class="md-ellipsis">
Listmonk Email Marketing Integration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#data-export-reporting" class="md-nav__link">
<span class="md-ellipsis">
Data Export &amp; Reporting
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#11-mobile-accessibility-features" class="md-nav__link">
<span class="md-ellipsis">
11. Mobile &amp; Accessibility Features
</span>
</a>
<nav class="md-nav" aria-label="11. Mobile &amp; Accessibility Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#mobile-optimized-interface" class="md-nav__link">
<span class="md-ellipsis">
Mobile-Optimized Interface
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#accessibility" class="md-nav__link">
<span class="md-ellipsis">
Accessibility
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#12-security-privacy" class="md-nav__link">
<span class="md-ellipsis">
12. Security &amp; Privacy
</span>
</a>
<nav class="md-nav" aria-label="12. Security &amp; Privacy">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#data-protection" class="md-nav__link">
<span class="md-ellipsis">
Data Protection
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#user-privacy" class="md-nav__link">
<span class="md-ellipsis">
User Privacy
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#authentication" class="md-nav__link">
<span class="md-ellipsis">
Authentication
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#13-performance-system-requirements" class="md-nav__link">
<span class="md-ellipsis">
13. Performance &amp; System Requirements
</span>
</a>
<nav class="md-nav" aria-label="13. Performance &amp; System Requirements">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#system-performance" class="md-nav__link">
<span class="md-ellipsis">
System Performance
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#browser-requirements" class="md-nav__link">
<span class="md-ellipsis">
Browser Requirements
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#14-troubleshooting" class="md-nav__link">
<span class="md-ellipsis">
14. Troubleshooting
</span>
</a>
<nav class="md-nav" aria-label="14. Troubleshooting">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#common-issues" class="md-nav__link">
<span class="md-ellipsis">
Common Issues
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#performance-issues" class="md-nav__link">
<span class="md-ellipsis">
Performance Issues
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#mobile-issues" class="md-nav__link">
<span class="md-ellipsis">
Mobile Issues
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#15-advanced-features" class="md-nav__link">
<span class="md-ellipsis">
15. Advanced Features
</span>
</a>
<nav class="md-nav" aria-label="15. Advanced Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#api-access" class="md-nav__link">
<span class="md-ellipsis">
API Access
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#customization-options" class="md-nav__link">
<span class="md-ellipsis">
Customization Options
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#16-getting-help-support" class="md-nav__link">
<span class="md-ellipsis">
16. Getting Help &amp; Support
</span>
</a>
<nav class="md-nav" aria-label="16. Getting Help &amp; Support">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#built-in-help" class="md-nav__link">
<span class="md-ellipsis">
Built-in Help
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#administrator-support" class="md-nav__link">
<span class="md-ellipsis">
Administrator Support
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#community-resources" class="md-nav__link">
<span class="md-ellipsis">
Community Resources
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<a href="https://gitea.bnkops.com/admin/changemaker.lite/src/branch/main/mkdocs/docs/manual/map.md" title="Edit this page" class="md-content__button md-icon" rel="edit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 20H6V4h7v5h5v3.1l2-2V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4zm10.2-7c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1z"/></svg>
</a>
<a href="https://gitea.bnkops.com/admin/changemaker.lite/src/branch/main/mkdocs/docs/manual/map.md" title="View source of this page" class="md-content__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 18c.56 0 1 .44 1 1s-.44 1-1 1-1-.44-1-1 .44-1 1-1m0-3c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5M9.27 20H6V4h7v5h5v4.07c.7.08 1.36.25 2 .49V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4.5a8.2 8.2 0 0 1-1.23-2"/></svg>
</a>
<h1 id="map-system-manual">Map System Manual<a class="headerlink" href="#map-system-manual" title="Permanent link">&para;</a></h1>
<p>This comprehensive manual covers all features of the Map System - a powerful campaign management platform with interactive mapping, volunteer coordination, data management, and communication tools. <em>(Insert screenshot - feature overview)</em></p>
<hr />
<h2 id="1-getting-started">1. Getting Started<a class="headerlink" href="#1-getting-started" title="Permanent link">&para;</a></h2>
<h3 id="logging-in">Logging In<a class="headerlink" href="#logging-in" title="Permanent link">&para;</a></h3>
<ol>
<li>Go to your map site URL (e.g., <code>https://yoursite.com</code> or <code>http://localhost:3000</code>).</li>
<li>Enter your email and password on the login page.</li>
<li>Click <strong>Login</strong>.</li>
<li>If you forget your password, use the <strong>Reset Password</strong> link or contact an admin.</li>
<li><strong>Password Recovery</strong>: Check your email for reset instructions if SMTP is configured. <em>(Insert screenshot - login page)</em></li>
</ol>
<h3 id="user-types-permissions">User Types &amp; Permissions<a class="headerlink" href="#user-types-permissions" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Admin</strong>: Full access to all features, user management, and system configuration</li>
<li><strong>User</strong>: Access to map, shifts, profile management, and location data</li>
<li><strong>Temp</strong>: Limited access (add/edit locations only, expires automatically after shift date)</li>
</ul>
<hr />
<h2 id="2-interactive-map-features">2. Interactive Map Features<a class="headerlink" href="#2-interactive-map-features" title="Permanent link">&para;</a></h2>
<h3 id="basic-map-navigation">Basic Map Navigation<a class="headerlink" href="#basic-map-navigation" title="Permanent link">&para;</a></h3>
<ol>
<li>After login, you'll see the interactive map with location markers.</li>
<li>Use mouse or touch to pan and zoom around the map.</li>
<li>Your current location may appear as a blue dot (if location services enabled).</li>
<li>Use the zoom controls (&plusmn;) or mouse wheel to adjust map scale. <em>(Insert screenshot - main map view)</em></li>
</ol>
<h3 id="advanced-search-ctrlk">Advanced Search (Ctrl+K)<a class="headerlink" href="#advanced-search-ctrlk" title="Permanent link">&para;</a></h3>
<ol>
<li>Press <strong>Ctrl+K</strong> anywhere on the site to open the universal search.</li>
<li>Search for:</li>
<li><strong>Addresses</strong>: Find and navigate to specific locations</li>
<li><strong>Documentation</strong>: Search help articles and guides</li>
<li><strong>Locations</strong>: Find existing data points by name or details</li>
<li>Click results to navigate directly to locations on the map.</li>
<li><strong>QR Code Generation</strong>: Search results include QR codes for easy mobile sharing. <em>(Insert screenshot - search interface)</em></li>
</ol>
<h3 id="map-overlays-cuts">Map Overlays (Cuts)<a class="headerlink" href="#map-overlays-cuts" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Public Cuts</strong>: Geographic overlays (wards, neighborhoods, districts) are automatically displayed.</li>
<li><strong>Cut Selector</strong>: Use the multi-select dropdown to show/hide different cuts.</li>
<li><strong>Mobile Interface</strong>: On mobile, tap the 🗺️ button to manage overlays.</li>
<li><strong>Legend</strong>: View active cuts with color coding and labels.</li>
<li>Cuts help organize and filter location data by geographic regions. <em>(Insert screenshot - cuts interface)</em></li>
</ol>
<hr />
<h2 id="3-location-management">3. Location Management<a class="headerlink" href="#3-location-management" title="Permanent link">&para;</a></h2>
<h3 id="adding-new-locations">Adding New Locations<a class="headerlink" href="#adding-new-locations" title="Permanent link">&para;</a></h3>
<ol>
<li>Click the <strong>Add Location</strong> button (+ icon) on the map.</li>
<li>Click on the map where you want to place the new location.</li>
<li>Fill out the comprehensive form:</li>
<li><strong>Personal</strong>: First Name, Last Name, Email, Phone, Unit Number</li>
<li><strong>Political</strong>: Support Level (1-4 scale), Party Affiliation</li>
<li><strong>Address</strong>: Street Address (auto-geocoded when possible)</li>
<li><strong>Campaign</strong>: Lawn Sign (Yes/No/Maybe), Sign Size, Volunteer Interest</li>
<li><strong>Notes</strong>: Additional information and comments</li>
<li><strong>Address Confirmation</strong>: System validates and confirms addresses when possible.</li>
<li>Click <strong>Save</strong> to add the location marker. <em>(Insert screenshot - add location form)</em></li>
</ol>
<h3 id="editing-and-managing-locations">Editing and Managing Locations<a class="headerlink" href="#editing-and-managing-locations" title="Permanent link">&para;</a></h3>
<ol>
<li>Click on any location marker to view details.</li>
<li><strong>Popup Actions</strong>:</li>
<li><strong>Edit</strong>: Modify all location details</li>
<li><strong>Move</strong>: Drag marker to new position (admin/user only)</li>
<li><strong>Delete</strong>: Remove location (admin/user only - hidden for temp users)</li>
<li><strong>Quick Actions</strong>: Email, phone, or text contact directly from popup.</li>
<li><strong>Support Level Color Coding</strong>: Markers change color based on support level.</li>
<li><strong>Apartment View</strong>: Special clustering for apartment buildings. <em>(Insert screenshot - location popup)</em></li>
</ol>
<h3 id="bulk-data-import">Bulk Data Import<a class="headerlink" href="#bulk-data-import" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Admin Panel</strong><strong>Data Converter</strong><strong>Upload CSV</strong></li>
<li><strong>Supported Formats</strong>: CSV files with address data</li>
<li><strong>Batch Geocoding</strong>: Automatically converts addresses to coordinates</li>
<li><strong>Progress Tracking</strong>: Visual progress bar with success/failure reporting</li>
<li><strong>Error Handling</strong>: Downloadable error reports for failed geocoding</li>
<li><strong>Validation</strong>: Preview and verify data before final import</li>
<li><strong>Edmonton Data</strong>: Pre-configured for City of Edmonton neighborhood data. <em>(Insert screenshot - data import interface)</em></li>
</ol>
<hr />
<h2 id="4-volunteer-shift-management">4. Volunteer Shift Management<a class="headerlink" href="#4-volunteer-shift-management" title="Permanent link">&para;</a></h2>
<h3 id="public-shift-signup-no-login-required">Public Shift Signup (No Login Required)<a class="headerlink" href="#public-shift-signup-no-login-required" title="Permanent link">&para;</a></h3>
<ol>
<li>Visit the <strong>Public Shifts</strong> page (accessible without account).</li>
<li>Browse available volunteer opportunities with:</li>
<li>Date, time, and location information</li>
<li>Available spots and current signups</li>
<li>Detailed shift descriptions</li>
<li><strong>One-Click Signup</strong>:</li>
<li>Enter name, email, and phone number</li>
<li>Automatic temporary account creation</li>
<li>Instant email confirmation with login details</li>
<li><strong>Account Expiration</strong>: Temp accounts automatically expire after shift date. <em>(Insert screenshot - public shifts page)</em></li>
</ol>
<h3 id="authenticated-user-shift-management">Authenticated User Shift Management<a class="headerlink" href="#authenticated-user-shift-management" title="Permanent link">&para;</a></h3>
<ol>
<li>Go to <strong>Shifts</strong> from the main navigation.</li>
<li><strong>View Options</strong>:</li>
<li><strong>Grid View</strong>: List format with detailed information</li>
<li><strong>Calendar View</strong>: Monthly calendar with shift visualization</li>
<li><strong>Filter Options</strong>: Date range, shift type, and availability status.</li>
<li><strong>My Signups</strong>: View your confirmed shifts at the top of the page.</li>
</ol>
<h3 id="shift-actions">Shift Actions<a class="headerlink" href="#shift-actions" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Sign Up</strong>: Join available shifts (if spots remain)</li>
<li><strong>Cancel</strong>: Remove yourself from shifts you've joined</li>
<li><strong>Calendar Export</strong>: Add shifts to Google Calendar, Outlook, or Apple Calendar</li>
<li><strong>Shift Details</strong>: View full descriptions, requirements, and coordinator info. <em>(Insert screenshot - shifts interface)</em></li>
</ul>
<hr />
<h2 id="5-advanced-map-features">5. Advanced Map Features<a class="headerlink" href="#5-advanced-map-features" title="Permanent link">&para;</a></h2>
<h3 id="geographic-cuts-system">Geographic Cuts System<a class="headerlink" href="#geographic-cuts-system" title="Permanent link">&para;</a></h3>
<p><strong>What are Cuts?</strong>: Polygon overlays that define geographic regions like wards, neighborhoods, or custom areas.</p>
<h4 id="viewing-cuts-all-users">Viewing Cuts (All Users)<a class="headerlink" href="#viewing-cuts-all-users" title="Permanent link">&para;</a></h4>
<ol>
<li><strong>Auto-Display</strong>: Public cuts appear automatically when map loads.</li>
<li><strong>Multi-Select Control</strong>: Desktop users see dropdown with checkboxes for each cut.</li>
<li><strong>Mobile Modal</strong>: Touch the 🗺️ button for full-screen cut management.</li>
<li><strong>Quick Actions</strong>: "Show All" / "Hide All" buttons for easy control.</li>
<li><strong>Color Coding</strong>: Each cut has unique colors and opacity settings. <em>(Insert screenshot - cuts display)</em></li>
</ol>
<h4 id="admin-cut-management">Admin Cut Management<a class="headerlink" href="#admin-cut-management" title="Permanent link">&para;</a></h4>
<ol>
<li><strong>Admin Panel</strong><strong>Map Cuts</strong> for full management interface.</li>
<li><strong>Drawing Tools</strong>: Click-to-add-points polygon creation system.</li>
<li><strong>Cut Properties</strong>:</li>
<li>Name, description, and category</li>
<li>Color and opacity customization</li>
<li>Public visibility settings</li>
<li>Official designation markers</li>
<li><strong>Cut Operations</strong>:</li>
<li>Create, edit, duplicate, and delete cuts</li>
<li>Import/export cut data as JSON</li>
<li>Location filtering within cut boundaries</li>
<li><strong>Statistics Dashboard</strong>: Analyze location data within cut boundaries.</li>
<li><strong>Print Functionality</strong>: Generate professional reports with maps and data tables. <em>(Insert screenshot - cut management)</em></li>
</ol>
<h3 id="location-filtering-within-cuts">Location Filtering within Cuts<a class="headerlink" href="#location-filtering-within-cuts" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>View Cut</strong>: Select a cut from the admin interface.</li>
<li><strong>Filter Locations</strong>: Automatically shows only locations within cut boundaries.</li>
<li><strong>Statistics Panel</strong>: Real-time counts of:</li>
<li>Total locations within cut</li>
<li>Support level breakdown (Strong/Lean/Undecided/Opposition)</li>
<li>Contact information availability (email/phone)</li>
<li>Lawn sign placements</li>
<li><strong>Export Options</strong>: Download filtered location data as CSV.</li>
<li><strong>Print Reports</strong>: Generate professional cut reports with statistics and location tables. <em>(Insert screenshot - cut filtering)</em></li>
</ol>
<hr />
<h2 id="6-communication-tools">6. Communication Tools<a class="headerlink" href="#6-communication-tools" title="Permanent link">&para;</a></h2>
<h3 id="universal-search-contact">Universal Search &amp; Contact<a class="headerlink" href="#universal-search-contact" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Ctrl+K Search</strong>: Find and contact anyone in your database instantly.</li>
<li><strong>Direct Contact Links</strong>: Email and phone links throughout the interface.</li>
<li><strong>QR Code Generation</strong>: Share contact information via QR codes.</li>
</ol>
<h3 id="admin-communication-features">Admin Communication Features<a class="headerlink" href="#admin-communication-features" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Bulk Email System</strong>:</li>
<li>Rich HTML email composer with formatting toolbar</li>
<li>Live email preview before sending</li>
<li>Broadcast to all users with progress tracking</li>
<li>Individual delivery status for each recipient</li>
<li><strong>One-Click Communication Buttons</strong>:</li>
<li><strong>📧 Email</strong>: Launch email client with pre-filled recipient</li>
<li><strong>📞 Call</strong>: Open phone dialer with contact's number</li>
<li><strong>💬 SMS</strong>: Launch text messaging with contact's number</li>
<li><strong>Shift Communication</strong>:</li>
<li>Email shift details to all volunteers</li>
<li>Individual volunteer contact from shift management</li>
<li>Automated signup confirmations and reminders. <em>(Insert screenshot - communication tools)</em></li>
</ol>
<hr />
<h2 id="7-walk-sheet-generator">7. Walk Sheet Generator<a class="headerlink" href="#7-walk-sheet-generator" title="Permanent link">&para;</a></h2>
<h3 id="creating-walk-sheets">Creating Walk Sheets<a class="headerlink" href="#creating-walk-sheets" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Admin Panel</strong><strong>Walk Sheet Generator</strong></li>
<li><strong>Configuration Options</strong>:</li>
<li>Title, subtitle, and footer text</li>
<li>Contact information and instructions</li>
<li>QR codes for digital resources</li>
<li>Logo and branding elements</li>
<li><strong>Location Selection</strong>: Choose specific areas or use cut boundaries.</li>
<li><strong>Print Options</strong>: Multiple layout formats for different campaign needs.</li>
<li><strong>QR Integration</strong>: Add QR codes linking to:</li>
<li>Digital surveys or forms</li>
<li>Contact information</li>
<li>Campaign websites or resources. <em>(Insert screenshot - walk sheet generator)</em></li>
</ol>
<h3 id="mobile-optimized-walk-sheets">Mobile-Optimized Walk Sheets<a class="headerlink" href="#mobile-optimized-walk-sheets" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Responsive Design</strong>: Optimized for viewing on phones and tablets.</li>
<li><strong>QR Code Scanner Integration</strong>: Quick scanning for volunteer check-ins.</li>
<li><strong>Offline Capability</strong>: Download for use without internet connection.</li>
</ol>
<hr />
<h2 id="8-user-profile-management">8. User Profile Management<a class="headerlink" href="#8-user-profile-management" title="Permanent link">&para;</a></h2>
<h3 id="personal-settings">Personal Settings<a class="headerlink" href="#personal-settings" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>User Menu</strong><strong>Profile</strong> to access personal settings.</li>
<li><strong>Account Information</strong>:</li>
<li>Update name, email, and phone number</li>
<li>Change password</li>
<li>Communication preferences</li>
<li><strong>Activity History</strong>: View your shift signups and location contributions.</li>
<li><strong>Privacy Settings</strong>: Control data sharing and communication preferences. <em>(Insert screenshot - user profile)</em></li>
</ol>
<h3 id="password-recovery">Password Recovery<a class="headerlink" href="#password-recovery" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Forgot Password</strong> link on login page.</li>
<li><strong>Email Reset</strong>: Automated password reset via SMTP (if configured).</li>
<li><strong>Admin Assistance</strong>: Contact administrators for manual password resets.</li>
</ol>
<hr />
<h2 id="9-admin-panel-features">9. Admin Panel Features<a class="headerlink" href="#9-admin-panel-features" title="Permanent link">&para;</a></h2>
<h3 id="dashboard-overview">Dashboard Overview<a class="headerlink" href="#dashboard-overview" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>System Statistics</strong>: User counts, recent activity, and system health.</li>
<li><strong>Quick Actions</strong>: Direct access to common administrative tasks.</li>
<li><strong>NocoDB Integration</strong>: Direct links to database management interface. <em>(Insert screenshot - admin dashboard)</em></li>
</ol>
<h3 id="user-management">User Management<a class="headerlink" href="#user-management" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Create Users</strong>: Add new accounts with role assignments:</li>
<li><strong>Regular Users</strong>: Full access to mapping and shifts</li>
<li><strong>Temporary Users</strong>: Limited access with automatic expiration</li>
<li><strong>Admin Users</strong>: Full system administration privileges</li>
<li><strong>User Communication</strong>:</li>
<li>Send login details to new users</li>
<li>Bulk email all users with rich HTML composer</li>
<li>Individual user contact (email, call, text)</li>
<li><strong>User Types &amp; Expiration</strong>:</li>
<li>Set expiration dates for temporary accounts</li>
<li>Visual indicators for user types and status</li>
<li>Automatic cleanup of expired accounts. <em>(Insert screenshot - user management)</em></li>
</ol>
<h3 id="shift-administration">Shift Administration<a class="headerlink" href="#shift-administration" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Create &amp; Manage Shifts</strong>:</li>
<li>Set dates, times, locations, and volunteer limits</li>
<li>Public/private visibility settings</li>
<li>Detailed descriptions and requirements</li>
<li><strong>Volunteer Management</strong>:</li>
<li>Add users directly to shifts</li>
<li>Remove volunteers when needed</li>
<li>Email shift details to all participants</li>
<li>Generate public signup links</li>
<li><strong>Volunteer Communication</strong>:</li>
<li>Individual contact buttons (email, call, text) for each volunteer</li>
<li>Bulk shift detail emails with delivery tracking</li>
<li>Automated confirmation and reminder systems. <em>(Insert screenshot - shift management)</em></li>
</ol>
<h3 id="system-configuration">System Configuration<a class="headerlink" href="#system-configuration" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Map Settings</strong>:</li>
<li>Set default start location and zoom level</li>
<li>Configure map boundaries and restrictions</li>
<li>Customize marker styles and colors</li>
<li><strong>Integration Management</strong>:</li>
<li>NocoDB database connections</li>
<li>Listmonk email list synchronization</li>
<li>SMTP configuration for automated emails</li>
<li><strong>Security Settings</strong>:</li>
<li>User permissions and role management</li>
<li>API access controls</li>
<li>Session management. <em>(Insert screenshot - system config)</em></li>
</ol>
<hr />
<h2 id="10-data-management-integration">10. Data Management &amp; Integration<a class="headerlink" href="#10-data-management-integration" title="Permanent link">&para;</a></h2>
<h3 id="nocodb-database-integration">NocoDB Database Integration<a class="headerlink" href="#nocodb-database-integration" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Direct Database Access</strong>: Admin links to NocoDB sheets for advanced data management.</li>
<li><strong>Automated Sync</strong>: Real-time synchronization between map interface and database.</li>
<li><strong>Backup &amp; Migration</strong>: Built-in tools for data backup and system migration.</li>
<li><strong>Custom Fields</strong>: Add custom data fields through NocoDB interface.</li>
</ol>
<h3 id="listmonk-email-marketing-integration">Listmonk Email Marketing Integration<a class="headerlink" href="#listmonk-email-marketing-integration" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Automatic List Sync</strong>: Map data automatically syncs to Listmonk email lists.</li>
<li><strong>Segmentation</strong>: Create targeted lists based on:</li>
<li>Geographic location (cuts/neighborhoods)</li>
<li>Support levels and volunteer interest</li>
<li>Contact preferences and activity</li>
<li><strong>One-Direction Sync</strong>: Maintains data integrity while allowing email unsubscribes.</li>
<li><strong>Compliance</strong>: Newsletter legislation compliance with opt-out capabilities. <em>(Insert screenshot - integration settings)</em></li>
</ol>
<h3 id="data-export-reporting">Data Export &amp; Reporting<a class="headerlink" href="#data-export-reporting" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>CSV Export</strong>: Download location data, user lists, and shift reports.</li>
<li><strong>Cut Reports</strong>: Professional reports with statistics and location breakdowns.</li>
<li><strong>Print-Ready Formats</strong>: Optimized layouts for physical distribution.</li>
<li><strong>Analytics Dashboard</strong>: Track user engagement and system usage.</li>
</ol>
<hr />
<h2 id="11-mobile-accessibility-features">11. Mobile &amp; Accessibility Features<a class="headerlink" href="#11-mobile-accessibility-features" title="Permanent link">&para;</a></h2>
<h3 id="mobile-optimized-interface">Mobile-Optimized Interface<a class="headerlink" href="#mobile-optimized-interface" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Responsive Design</strong>: Fully functional on phones and tablets.</li>
<li><strong>Touch Navigation</strong>: Optimized touch controls for map interaction.</li>
<li><strong>Mobile-Specific Features</strong>:</li>
<li>Cut management modal for overlay control</li>
<li>Simplified navigation and larger touch targets</li>
<li>Offline capability for basic functions</li>
</ol>
<h3 id="accessibility">Accessibility<a class="headerlink" href="#accessibility" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Keyboard Navigation</strong>: Full keyboard support throughout the interface.</li>
<li><strong>Screen Reader Compatibility</strong>: ARIA labels and semantic markup.</li>
<li><strong>High Contrast Support</strong>: Compatible with accessibility themes.</li>
<li><strong>Text Scaling</strong>: Responsive to browser zoom and text size settings.</li>
</ol>
<hr />
<h2 id="12-security-privacy">12. Security &amp; Privacy<a class="headerlink" href="#12-security-privacy" title="Permanent link">&para;</a></h2>
<h3 id="data-protection">Data Protection<a class="headerlink" href="#data-protection" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Server-Side Security</strong>: All API tokens and credentials kept server-side only.</li>
<li><strong>Input Validation</strong>: Comprehensive validation and sanitization of all user inputs.</li>
<li><strong>CORS Protection</strong>: Cross-origin request security measures.</li>
<li><strong>Rate Limiting</strong>: Protection against abuse and automated attacks.</li>
</ol>
<h3 id="user-privacy">User Privacy<a class="headerlink" href="#user-privacy" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Role-Based Access</strong>: Users only see data appropriate to their permission level.</li>
<li><strong>Temporary Account Expiration</strong>: Automatic cleanup of temporary user data.</li>
<li><strong>Audit Trails</strong>: Logging of administrative actions and data changes.</li>
<li><strong>Data Retention</strong>: Configurable retention policies for different data types. <em>(Insert screenshot - security settings)</em></li>
</ol>
<h3 id="authentication">Authentication<a class="headerlink" href="#authentication" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Secure Login</strong>: Password-based authentication with optional 2FA.</li>
<li><strong>Session Management</strong>: Automatic logout for expired sessions.</li>
<li><strong>Password Policies</strong>: Configurable password strength requirements.</li>
<li><strong>Account Lockout</strong>: Protection against brute force attacks.</li>
</ol>
<hr />
<h2 id="13-performance-system-requirements">13. Performance &amp; System Requirements<a class="headerlink" href="#13-performance-system-requirements" title="Permanent link">&para;</a></h2>
<h3 id="system-performance">System Performance<a class="headerlink" href="#system-performance" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Optimized Database Queries</strong>: Reduced API calls by over 5000% for better performance.</li>
<li><strong>Smart Caching</strong>: Intelligent caching of frequently accessed data.</li>
<li><strong>Progressive Loading</strong>: Map data loads incrementally for faster initial page loads.</li>
<li><strong>Background Sync</strong>: Automatic data synchronization without blocking user interface.</li>
</ol>
<h3 id="browser-requirements">Browser Requirements<a class="headerlink" href="#browser-requirements" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Modern Browsers</strong>: Chrome, Firefox, Safari, Edge (recent versions).</li>
<li><strong>JavaScript Required</strong>: Full functionality requires JavaScript enabled.</li>
<li><strong>Local Storage</strong>: Uses browser storage for session management and caching.</li>
<li><strong>Geolocation</strong>: Optional location services for enhanced functionality.</li>
</ol>
<hr />
<h2 id="14-troubleshooting">14. Troubleshooting<a class="headerlink" href="#14-troubleshooting" title="Permanent link">&para;</a></h2>
<h3 id="common-issues">Common Issues<a class="headerlink" href="#common-issues" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Locations not showing</strong>: Check database connectivity, verify coordinates are valid, ensure API permissions allow read access.</li>
<li><strong>Cannot add locations</strong>: Verify API write permissions, check coordinate bounds, ensure all required fields completed.</li>
<li><strong>Login problems</strong>: Verify email/password, check account expiration (for temp users), contact admin for password reset.</li>
<li><strong>Map not loading</strong>: Check internet connection, verify site URL, clear browser cache and cookies.</li>
<li><strong>Permission denied</strong>: Confirm user role and permissions, check account expiration status, contact administrator.</li>
</ul>
<h3 id="performance-issues">Performance Issues<a class="headerlink" href="#performance-issues" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Slow loading</strong>: Check internet connection, try refreshing the page, contact admin if problems persist.</li>
<li><strong>Database errors</strong>: Contact system administrator, check NocoDB service status.</li>
<li><strong>Email not working</strong>: Verify SMTP configuration (admin), check spam/junk folders.</li>
</ul>
<h3 id="mobile-issues">Mobile Issues<a class="headerlink" href="#mobile-issues" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>Touch problems</strong>: Ensure touch targets are accessible, try refreshing page, check for browser compatibility.</li>
<li><strong>Display issues</strong>: Try rotating device, check browser zoom level, update to latest browser version.</li>
</ul>
<hr />
<h2 id="15-advanced-features">15. Advanced Features<a class="headerlink" href="#15-advanced-features" title="Permanent link">&para;</a></h2>
<h3 id="api-access">API Access<a class="headerlink" href="#api-access" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>RESTful API</strong>: Programmatic access to map data and functionality.</li>
<li><strong>Authentication</strong>: Token-based API authentication for external integrations.</li>
<li><strong>Rate Limiting</strong>: API usage limits to ensure system stability.</li>
<li><strong>Documentation</strong>: Complete API documentation for developers.</li>
</ol>
<h3 id="customization-options">Customization Options<a class="headerlink" href="#customization-options" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Theming</strong>: Customizable color schemes and branding.</li>
<li><strong>Field Configuration</strong>: Add custom data fields through admin interface.</li>
<li><strong>Workflow Customization</strong>: Configurable user workflows and permissions.</li>
<li><strong>Integration Hooks</strong>: Webhook support for external system integration.</li>
</ol>
<hr />
<h2 id="16-getting-help-support">16. Getting Help &amp; Support<a class="headerlink" href="#16-getting-help-support" title="Permanent link">&para;</a></h2>
<h3 id="built-in-help">Built-in Help<a class="headerlink" href="#built-in-help" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Context Help</strong>: Tooltips and help text throughout the interface.</li>
<li><strong>Search Documentation</strong>: Use Ctrl+K to search help articles and guides.</li>
<li><strong>Status Messages</strong>: Clear feedback for all user actions and system status.</li>
</ol>
<h3 id="administrator-support">Administrator Support<a class="headerlink" href="#administrator-support" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Contact Admin</strong>: Use the contact information provided during setup.</li>
<li><strong>System Logs</strong>: Administrators have access to detailed system logs for troubleshooting.</li>
<li><strong>Database Direct Access</strong>: Admins can access NocoDB directly for advanced data management.</li>
</ol>
<h3 id="community-resources">Community Resources<a class="headerlink" href="#community-resources" title="Permanent link">&para;</a></h3>
<ol>
<li><strong>Documentation</strong>: Comprehensive online documentation and guides.</li>
<li><strong>GitHub Repository</strong>: Access to source code and issue tracking.</li>
<li><strong>Developer Community</strong>: Active community for advanced customization and development.</li>
</ol>
<p>For technical support, contact your system administrator or refer to the comprehensive documentation available through the help system. <em>(Insert screenshot - help resources)</em></p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
Back to top
</button>
</main>
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href="../" class="md-footer__link md-footer__link--prev" aria-label="Previous: Manuals">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</div>
<div class="md-footer__title">
<span class="md-footer__direction">
Previous
</span>
<div class="md-ellipsis">
Manuals
</div>
</div>
</a>
<a href="../../adv/" class="md-footer__link md-footer__link--next" aria-label="Next: Advanced Configurations">
<div class="md-footer__title">
<span class="md-footer__direction">
Next
</span>
<div class="md-ellipsis">
Advanced Configurations
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
<div class="md-copyright__highlight">
Copyright &copy; 2024 The Bunker Operations <a href="#__consent">Change cookie settings</a>
</div>
</div>
<div class="md-social">
<a href="https://gitea.bnkops.com/admin" target="_blank" rel="noopener" title="Gitea Repository" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</a>
<a href="https://listmonk.bnkops.com/subscription/form" target="_blank" rel="noopener" title="Newsletter" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M536.4-26.3c9.8-3.5 20.6-1 28 6.3s9.8 18.2 6.3 28l-178 496.9c-5 13.9-18.1 23.1-32.8 23.1-14.2 0-27-8.6-32.3-21.7l-64.2-158c-4.5-11-2.5-23.6 5.2-32.6l94.5-112.4c5.1-6.1 4.7-15-.9-20.6s-14.6-6-20.6-.9l-112.4 94.3c-9.1 7.6-21.6 9.6-32.6 5.2L38.1 216.8c-13.1-5.3-21.7-18.1-21.7-32.3 0-14.7 9.2-27.8 23.1-32.8z"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "../..", "features": ["announce.dismiss", "content.action.edit", "content.action.view", "content.code.annotate", "content.code.copy", "content.tooltips", "navigation.expand", "navigation.footer", "navigation.indexes", "navigation.path", "navigation.prune", "navigation.sections", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "navigation.tracking", "search.highlight", "search.share", "search.suggest", "toc.follow"], "search": "../../assets/javascripts/workers/search.973d3a69.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
<script src="../../assets/javascripts/bundle.f55a23d4.min.js"></script>
<script src="../../javascripts/home.js"></script>
<script src="../../javascripts/github-widget.js"></script>
<script src="../../javascripts/gitea-widget.js"></script>
</body>
</html>