Deployed 73bca04 with MkDocs version: 1.5.0

extras/shareservice/index.html

@@ -396,6 +396,11 @@
 <h1 id="share-images-via-qr-code">Share images via QR Code</h1>
 <p>The share service allows users to easily download images on the user's phone.
 The user simply scans the QR code to download.</p>
+<figure>
+<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../../assets/screenshots/gallery_detail.jpg"><img alt="gallery_detail" src="../../assets/screenshots/gallery_detail.jpg" width="400"/></a>
+</p>
+<figcaption>Scan the QR code to download image to smartphones.</figcaption>
+</figure>
 <h2 id="working-principle">Working Principle</h2>
 <p>It's developed with ease of use in mind and shall work on most systems even with firewalled internet connection on photobooth side like cellular services.
 Once setup, the prinicple is as following:</p>
@@ -414,13 +419,13 @@ <h3 id="benefits">Benefits</h3>
 </ul>
 <h2 id="setup">Setup</h2>
 <ul>
-<li>download dl.php</li>
+<li><a href="https://github.com/mgrl/photobooth-app/blob/main/extras/shareservice/dl.php">download dl.php</a></li>
 <li>edit the config variables on top of dl.php. see the comments in dl.php for reference.</li>
 <li>place the edited dl.php on a public server, for example your shared hoster. The server must be available to the photobooth and the users downloading photos later.</li>
 <li>Pair the dl.php script with photobooth app by configuring the shareservice settings in photobooth admin config, tab common:<ul>
 <li>set shareservice_apikey to same value as in dl.php</li>
-<li>set shareservice_url to the URL pointing to the dl.php script.</li>
-<li>choose whether to download the original file or the full processed version</li>
+<li>set shareservice_url to the public URL pointing to the dl.php script.</li>
+<li>choose whether to download the original file or the full processed version.</li>
 </ul>
 </li>
 <li>Now restart the photobooth app and try to scan a QR code in the gallery.</li>

reference/api/index.html

@@ -329,7 +329,7 @@
 <article class="md-content__inner md-typeset">
 <h1 id="http-api">HTTP API</h1>
 <p>Following HTTP api is provided by the photobooth app.</p>
-<p><iframe class="swagger-ui-iframe" frameborder="0" id="2ec00350" src="swagger-2ec00350.html" style="overflow:hidden;width:100%;" width="100%"></iframe></p>
+<p><iframe class="swagger-ui-iframe" frameborder="0" id="27fead38" src="swagger-27fead38.html" style="overflow:hidden;width:100%;" width="100%"></iframe></p>
 </article>
 </div>
 </div>

reference/api/swagger-2ec00350.html → reference/api/swagger-27fead38.html

@@ -67,7 +67,7 @@
     }
 
     const resize_ob = new ResizeObserver(function(entries) {
-      parent.update_swagger_ui_iframe_height("2ec00350");
+      parent.update_swagger_ui_iframe_height("27fead38");
     });
 
     // start observing for resizing

screenshots/index.html

@@ -329,21 +329,26 @@
 <article class="md-content__inner md-typeset">
 <h1 id="screenshots">Screenshots</h1>
 <figure>
-<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/frontpage.png"><img alt="frontpage" src="../assets/screenshots/frontpage.png" width="400"/></a>
+<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/frontpage.jpg"><img alt="frontpage" src="../assets/screenshots/frontpage.jpg" width="400"/></a>
 </p>
 <figcaption>Frontpage</figcaption>
 </figure>
 <figure>
-<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/gallery_list.png"><img alt="gallery_list" src="../assets/screenshots/gallery_list.png" width="400"/></a>
+<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/gallery_list.jpg"><img alt="gallery_list" src="../assets/screenshots/gallery_list.jpg" width="400"/></a>
 </p>
 <figcaption>List images in the gallery</figcaption>
 </figure>
 <figure>
-<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/gallery_detail.png"><img alt="gallery_detail" src="../assets/screenshots/gallery_detail.png" width="400"/></a>
+<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/gallery_detail.jpg"><img alt="gallery_detail" src="../assets/screenshots/gallery_detail.jpg" width="400"/></a>
 </p>
 <figcaption>View image in the gallery</figcaption>
 </figure>
 <figure>
+<p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/gallery_detail_filter.jpg"><img alt="gallery_detail" src="../assets/screenshots/gallery_detail_filter.jpg" width="400"/></a>
+</p>
+<figcaption>Users can change the filter</figcaption>
+</figure>
+<figure>
 <p><a class="glightbox" data-desc-position="bottom" data-height="auto" data-type="image" data-width="100%" href="../assets/screenshots/admin_config_backends.png"><img alt="admin_config_backends" src="../assets/screenshots/admin_config_backends.png" width="400"/></a>
 </p>
 <figcaption>Choose camera backend in admin panel</figcaption>