From d3bb545ab7ab633ed4601d0de8a6d547867b4ff4 Mon Sep 17 00:00:00 2001
From: Gilbow <gilbow@gilbow.org>
Date: Fri, 29 May 2026 13:27:35 +0200
Subject: [PATCH] feature(hide documentation): user and API documentation is
 collapse on load.

Add two buttons to show/hide the documentation on main page.
one for user documentation, a second for API documentation.
---
 src/templates/main.html.php | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/templates/main.html.php b/src/templates/main.html.php
index d6745b6..d96eb24 100644
--- a/src/templates/main.html.php
+++ b/src/templates/main.html.php
@@ -73,9 +73,9 @@
 </div>
 
 
-<h2 id="api" class="section-heading">Using PictShare</h2>
+<h2 id="web" class="section-heading">Using PictShare <button type="button" data-bs-target="#using-web-documentation" class="btn btn-outline-primary" data-bs-toggle="collapse">Show user documentation</button> </h2>
 
-<div class="row">
+<div id="using-web-documentation" class="row collapse">
     <div class="col-6">
         <h3>Basics</h3>
         <p>
@@ -97,8 +97,9 @@
 
 <hr class="no-print border border-primary border-2 opacity-50">
 
-<h2 id="api" class="section-heading">Using the API</h2>
-<div class="row">
+<h2 id="api" class="section-heading">Using the API <button type="button" data-bs-target="#using-api-documentation" class="btn btn-outline-primary" data-bs-toggle="collapse">Show API documentation</button> </h2>
+
+<div id="using-api-documentation" class="row collapse">
     <div class="col-6">
         <h2>Basics</h2>