enh: implemented authentication (for issue tphakala#301)

Dockerfile

@@ -23,6 +23,7 @@ USER dev-user
 WORKDIR /home/dev-user/src/BirdNET-Go
 
 COPY --chown=dev-user ./Makefile ./
+COPY --chown=dev-user ./reset_auth.sh ./
 
 # Download TensorFlow headers
 ARG TENSORFLOW_VERSION
@@ -63,6 +64,10 @@ ARG TFLITE_LIB_DIR
 COPY --from=build ${TFLITE_LIB_DIR}/libtensorflowlite_c.so ${TFLITE_LIB_DIR}
 RUN ldconfig
 
+# Include reset_auth tool from build stage
+COPY --from=build /home/dev-user/src/BirdNET-Go/reset_auth.sh /usr/bin/
+RUN chmod +x /usr/bin/reset_auth.sh
+
 # Add symlink to /config directory where configs can be stored
 VOLUME /config
 RUN mkdir -p /root/.config && ln -s /config /root/.config/birdnet-go

assets/custom.css

@@ -18,9 +18,24 @@
         width: 40px;
         height: 20px;
         font-size: 0.65rem;
+        margin: auto;
     }
 }
 
+.htmx-indicator {
+  display: none;
+}
+.htmx-request .htmx-indicator {
+  display: inline-block;
+}
+.htmx-request.htmx-indicator {
+  display: inline-block;
+}
+
+input.invalid {
+  border-color: #dc2626;
+}
+
 /*@media (max-width: 768px) {
     .confidence-ball {
         width: 32px;
@@ -47,6 +62,52 @@
   }
 }
 
+.hour-header, .hour-data { display: table-cell; }
+.hourly-count { display: table-cell; }
+.bi-hourly-count, .six-hourly-count { display: none; }
+
+@media (max-width: 767px) {
+  .hour-header:not(.bi-hourly), .hour-data:not(.bi-hourly) { display: none; }
+  .hourly-count { display: none; }
+  .bi-hourly-count { display: table-cell; }
+}
+
+@media (max-width: 479px) {
+  .hour-header:not(.six-hourly), .hour-data:not(.six-hourly) { display: none; }
+  .bi-hourly-count { display: none; }
+  .six-hourly-count { display: table-cell; }
+}
+
+.text-2xs {
+  font-size: 0.6rem;
+}
+
+.h {
+  /* bottom: 0;*/
+  height: 10rem !important;
+}
+
+/* Audio player skeleton prior to loading */
+.audio-player-container {
+  background: linear-gradient(to bottom, rgba(128, 128, 128, 0.4), rgba(128, 128, 128, 0.1));
+  border-radius: 0.5rem;
+}
+
+.audio-player-container::before {
+  content: "";
+  width: 1px;
+  margin-left: -1px;
+  float: left;
+  height: 0;
+  padding-top: 50%; /* audio player ratio is 2:1 */
+}
+
+.audio-player-container::after { /* clear float */
+  content: "";
+  display: table;
+  clear: both;
+}
+
 .input:focus-visible {
     outline: 1px solid transparent;
     outline-offset: 0px;
@@ -62,6 +123,7 @@
 .thumbnail-container {
   position: relative;
   display: inline-block;
+  max-width: 16vw;
 }
 
 .thumbnail-tooltip {
@@ -144,4 +206,4 @@
   --heatmap-text-7: #000;
   --heatmap-text-8: #000;
   --heatmap-text-9: #000;
-}
+}