Design an medisoftware.de angepasst: Logo eingebunden, Farben/Styles aktualisiert

README.md

@@ -394,3 +394,46 @@ Dieses Projekt ist für den internen Gebrauch bestimmt.
 ## Support
 
 Bei Fragen oder Problemen wenden Sie sich an das Entwicklungsteam.
+
+Hier sind drei einfache Wege – nimm Variante A (empfohlen) für die neueste Version.
+
+- A) Offizielles Tarball (empfohlen)
+  1) Alte Installation entfernen (falls vorhanden):
+  ```bash
+  sudo rm -rf /usr/local/go
+  ```
+  2) Tarball laden und installieren (ersetze 1.22.6 und Arch bei Bedarf: amd64/arm64):
+  ```bash
+  wget https://go.dev/dl/go1.22.6.linux-amd64.tar.gz
+  sudo tar -C /usr/local -xzf go1.22.6.linux-amd64.tar.gz
+  ```
+  3) PATH setzen (dauerhaft):
+  ```bash
+  echo 'export PATH=$PATH:/usr/local/go/bin' >> ~/.profile
+  source ~/.profile
+  ```
+  4) Prüfen:
+  ```bash
+  go version
+  ```
+
+- B) Snap (schnell, meist aktuell)
+  ```bash
+  sudo snap install go --classic
+  go version
+  ```
+
+- C) Ubuntu-Paket (einfach, aber oft älter)
+  ```bash
+  sudo apt update
+  sudo apt install -y golang-go
+  go version
+  ```
+
+Hinweise:
+- Standard-GOPATH ist ~/go. Optional:
+  ```bash
+  echo 'export GOPATH=$HOME/go' >> ~/.profile
+  echo 'export PATH=$PATH:$GOPATH/bin' >> ~/.profile
+  source ~/.profile
+  ```

cmd/server/main.go

@@ -56,6 +56,8 @@ func main() {
 
 	// Statische Dateien bereitstellen
 	r.Static("/static", "./web/static")
+	// Logo aus Projektwurzel bereitstellen
+	r.StaticFile("/static/logo.png", "./MediSoftware_Logo_rb_cut_trans_250.png")
 	r.LoadHTMLGlob("web/templates/*")
 
 	// Routen definieren

web/static/style.css

@@ -1,10 +1,36 @@
-/* Custom Styles für Medi-WOL */
+/* Custom Styles für Medi-WOL – angepasst an medisoftware.de */
+
+:root {
+    --brand-primary: #0b6fb3; /* inspiriert von medisoftware.de */
+    --brand-primary-dark: #08588e;
+    --brand-accent: #1f7ec9;
+}
 
 body {
-    background-color: #f8f9fa;
+    background-color: #f5f8fb;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
+.app-header {
+    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
+    color: #fff;
+    border-radius: 12px;
+    padding: 16px 20px;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
+}
+
+.app-header img {
+    height: 48px;
+}
+
+.app-header h1 {
+    font-size: 1.5rem;
+    margin: 0;
+}
+
 .card {
     border: none;
     border-radius: 15px;
@@ -17,7 +43,7 @@ body {
 }
 
 .card-header {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
     color: white;
     border-radius: 15px 15px 0 0 !important;
     border: none;
@@ -36,7 +62,7 @@ body {
 }
 
 .btn-primary {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
     border: none;
 }
 
@@ -61,7 +87,7 @@ body {
 }
 
 .table thead th {
-    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
     color: white;
     border: none;
     font-weight: 600;
@@ -82,8 +108,8 @@ body {
 }
 
 .form-control:focus {
-    border-color: #667eea;
+    border-color: var(--brand-primary);
-    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
+    box-shadow: 0 0 0 0.2rem rgba(11, 111, 179, 0.25);
 }
 
 .toast {
@@ -93,7 +119,7 @@ body {
 }
 
 .toast-header {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
     color: white;
     border-radius: 15px 15px 0 0;
 }
@@ -139,7 +165,7 @@ body {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
     border-radius: 10px;
 }
 

web/templates/index.html

@@ -12,10 +12,10 @@
     <div class="container mt-4">
         <div class="row">
             <div class="col-12">
-                <h1 class="text-center mb-4">
+                <div class="app-header mb-4">
-                    <i class="fas fa-power-off text-primary"></i>
+                    <img src="/static/logo.png" alt="medisoftware Logo" />
-                    {{.title}}
+                    <h1>{{.title}}</h1>
-                </h1>
+                </div>
             </div>
         </div>