V1.1.0 Responsive

Footer angepasst
Lauffähigkeit auf Server verbessert
deploy.sh mit for loop

frontend/src/components/WeatherDashboard.css

@@ -1,6 +1,6 @@
 .dashboard {
   width: 100%;
-  max-width: 795px;
+  max-width: 1900px;
   margin: 0 auto;
 }
 
@@ -65,3 +65,83 @@
   color: #666;
   font-weight: 500;
 }
+
+.dashboard-footer {
+/*  margin-top: 2rem;
+*/  padding-top: 1rem;
+}
+
+.footer-divider {
+  border: none;
+  border-top: 1px solid #ccc;
+  margin: 0 0 1rem 0;
+}
+
+.footer-credits {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 0.85rem;
+  color: #666;
+  margin-bottom: 0.75rem;
+}
+
+.footer-left {
+  text-align: left;
+}
+
+.footer-right {
+  text-align: right;
+}
+
+.footer-sponsor {
+  text-align: center;
+  font-size: 0.85rem;
+  color: #666;
+}
+
+.footer-sponsor a {
+  color: #0066cc;
+  text-decoration: none;
+}
+
+.footer-sponsor a:hover {
+  text-decoration: underline;
+}
+
+.version-line {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 15px;
+}
+
+.version-short {
+  display: none;
+}
+
+.version-full {
+  display: inline;
+}
+
+/* Responsive Design für schmale Bildschirme (Smartphones) */
+@media (max-width: 768px) {
+  .charts-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .current-values {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  
+  .dashboard {
+    padding: 0 0.5rem;
+  }
+  
+  .version-short {
+    display: inline;
+  }
+  
+  .version-full {
+    display: none;
+  }
+}

frontend/src/components/WeatherDashboard.jsx

@@ -4,7 +4,9 @@ import HighchartsReact from 'highcharts-react-official'
 import { format } from 'date-fns'
 import { de } from 'date-fns/locale'
 import './WeatherDashboard.css'
-
+// Build-Informationen (werden beim Build eingef\u00fcgt)
+const buildDate = __BUILD_DATE__
+const version = __VERSION__
 // Deutsche Lokalisierung für Highcharts
 Highcharts.setOptions({
   lang: {
@@ -426,6 +428,30 @@ const WeatherDashboard = ({ data }) => {
         </div>
 
       </div>
+
+      {/* Footer */}
+      <div className="dashboard-footer">
+        <div className="version-line">
+          <div><a href="mailto:rxf@gmx.de">
+                mailto:rxf@gmx.de
+              </a>
+          </div>
+          <div>
+            <span className="version-full">Version</span>
+            <span className="version-short">V</span>
+            {' '}{version} – {buildDate}
+          </div>
+        </div>
+        <hr />
+        <div className="footer-credits">
+          <div className="footer-left">Daten-Erfassung mit einer Davis VantagePro.</div>
+          <div className="footer-right">Grafiken erzeugt mit HighCharts</div>
+        </div>
+        <div className="footer-sponsor">
+          Die Wetterstation wurde vom Zeitungsverlag Waiblingen <a href="https://www.zvw.de" target="_blank" rel="noopener noreferrer">www.zvw.de</a> gestiftet.
+        </div>
+      </div>
+
     </div>
   )
 }