feat: Initial Commit

.devcontainer/Dockerfile

@@ -0,0 +1,5 @@
+FROM mcr.microsoft.com/devcontainers/python:3.13
+
+WORKDIR /workspace
+
+CMD ["sleep", "infinity"]

.devcontainer/devcontainer.json

@@ -0,0 +1,11 @@
+{
+  "name": "Flask Dev Container",
+  "build": {
+    "dockerfile": "Dockerfile"
+  },
+  "settings": {},
+  "extensions": ["ms-python.python"],
+    "postCreateCommand": "pip install -r requirements.txt; curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-linux-x64; chmod +x tailwindcss-linux-x64; mv tailwindcss-linux-x64 tailwindcss",
+  "forwardPorts": [5000],
+  "remoteUser": "vscode"
+}

.dockerignore

@@ -0,0 +1,3 @@
+deployment.yml
+run.sh
+README.md

.gitignore

@@ -0,0 +1,3 @@
+tailwindcss
+static/output.css
+.env

.gitlab-ci.yml

@@ -0,0 +1,25 @@
+stages:
+  - buildandpush
+  - deploy
+
+variables:
+  IMAGE_NAME: "$HARBOR_REGISTRY/internal/echolog"
+
+buildandpush:
+  stage: buildandpush
+  image: docker:latest
+  tags:
+    - docker
+  script:
+    - echo "$HARBOR_PASSWORD" | docker login $HARBOR_REGISTRY -u "$HARBOR_USERNAME" --password-stdin
+    - docker build -t $IMAGE_NAME:$IMAGE_TAG .
+    - docker tag $IMAGE_NAME:$IMAGE_TAG $IMAGE_NAME:latest
+    - docker push $IMAGE_NAME:$IMAGE_TAG
+    - docker push $IMAGE_NAME:latest
+
+deploy:
+  stage: deploy
+  tags:
+    - k3s-lan-01
+  script:
+    - sudo kubectl replace -f deployment.yml --grace-period=60 --force

Dockerfile

@@ -0,0 +1,15 @@
+FROM python:3.13-slim
+WORKDIR /app
+COPY . /app
+RUN pip install -r requirements.txt \
+    && apt-get update \
+    && apt-get install curl -y \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/* \
+    && curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-linux-x64 \
+    && chmod +x tailwindcss-linux-x64 \
+    && mv tailwindcss-linux-x64 tailwindcss \
+    && ./tailwindcss -i ./static/input.css -o ./static/output.css --content "./templates/*.html" --minify \
+    && rm tailwindcss
+EXPOSE 5000
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,170 @@
+import os
+from flask import Flask, render_template, request, redirect, url_for, session
+from datetime import datetime
+from datetime import date as datedate
+from datetime import datetime as dt
+import mysql.connector
+from dotenv import load_dotenv
+
+app = Flask(__name__)
+
+load_dotenv()
+
+app.config['SECRET_KEY'] = os.getenv('SECRET_KEY', 'defaultsecret')
+app.config['LOGIN_ENABLED'] = os.getenv('LOGIN_ENABLED', 'false').lower() == 'true'
+
+mysql_config = {
+    'user': os.getenv('MYSQL_USER', 'root'),
+    'password': os.getenv('MYSQL_PASSWORD', ''),
+    'host': os.getenv('MYSQL_HOST', 'localhost'),
+    'database': os.getenv('MYSQL_DATABASE', 'echolog')
+}
+
+def get_db_connection():
+    return mysql.connector.connect(**mysql_config)
+
+def init_db():
+    conn = get_db_connection()
+    cursor = conn.cursor()
+    cursor.execute("""
+    CREATE TABLE IF NOT EXISTS journal_entry (
+        id INT AUTO_INCREMENT PRIMARY KEY,
+        date DATE NOT NULL,
+        content TEXT NOT NULL
+    );
+    """)
+    conn.commit()
+    cursor.close()
+    conn.close()
+
+@app.route('/')
+def index():
+    page = request.args.get('page', 1, type=int)
+    per_page = 7
+    offset = (page - 1) * per_page
+    conn = get_db_connection()
+    cursor = conn.cursor(dictionary=True)
+    cursor.execute("SELECT SQL_CALC_FOUND_ROWS * FROM journal_entry ORDER BY date DESC LIMIT %s OFFSET %s", (per_page, offset))
+    entries = cursor.fetchall()
+    cursor.execute("SELECT FOUND_ROWS() as total")
+    total = cursor.fetchone()['total']
+    cursor.close()
+    conn.close()
+    has_prev = page > 1
+    has_next = offset + per_page < total
+    today = datedate.today().isoformat()
+    now = dt.now()
+    return render_template('index.html', entries=entries, today=today, page=page, has_prev=has_prev, has_next=has_next, now=now)
+
+@app.route('/add', methods=['POST'])
+def add_entry():
+    date = request.form.get('date', datetime.today().strftime('%Y-%m-%d'))
+    content = request.form.get('content', '')
+    if content.strip():
+        conn = get_db_connection()
+        cursor = conn.cursor()
+        cursor.execute("INSERT INTO journal_entry (date, content) VALUES (%s, %s)", (date, content))
+        conn.commit()
+        cursor.close()
+        conn.close()
+    return redirect(url_for('index'))
+
+@app.route('/search', methods=['GET'])
+def search():
+    query = request.args.get('query', '')
+    date = request.args.get('date', None)
+    conn = get_db_connection()
+    cursor = conn.cursor(dictionary=True)
+    sql = "SELECT * FROM journal_entry WHERE 1=1"
+    params = []
+    if query:
+        sql += " AND content LIKE %s"
+        params.append(f"%{query}%")
+    if date:
+        sql += " AND date = %s"
+        params.append(date)
+    sql += " ORDER BY date DESC"
+    cursor.execute(sql, params)
+    entries = cursor.fetchall()
+    cursor.close()
+    conn.close()
+    return render_template('index.html', entries=entries)
+
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    if not app.config['LOGIN_ENABLED']:
+        return redirect(url_for('index'))
+
+    if request.method == 'POST':
+        username = request.form.get('username')
+        password = request.form.get('password')
+        if username == os.getenv('LOGIN_USERNAME', 'admin') and password == os.getenv('LOGIN_PASSWORD', 'admin'):
+            session['logged_in'] = True
+            return redirect(url_for('index'))
+        else:
+            return render_template('login.html', error="Invalid credentials")
+
+    return render_template('login.html')
+
+@app.route('/logout')
+def logout():
+    session.pop('logged_in', None)
+    return redirect(url_for('index'))
+
+@app.before_request
+def require_login():
+    if app.config['LOGIN_ENABLED'] and not session.get('logged_in') and request.endpoint not in ['login', 'static']:
+        return redirect(url_for('login'))
+
+# Edit entry route
+@app.route('/edit/<int:entry_id>', methods=['GET', 'POST'])
+def edit_entry(entry_id):
+    conn = get_db_connection()
+    cursor = conn.cursor(dictionary=True)
+    if request.method == 'POST':
+        date = request.form.get('date')
+        content = request.form.get('content')
+        cursor.execute("UPDATE journal_entry SET date=%s, content=%s WHERE id=%s", (date, content, entry_id))
+        conn.commit()
+        cursor.close()
+        conn.close()
+        return redirect(url_for('index'))
+    else:
+        cursor.execute("SELECT * FROM journal_entry WHERE id=%s", (entry_id,))
+        entry = cursor.fetchone()
+        cursor.close()
+        conn.close()
+        if not entry:
+            return redirect(url_for('index'))
+        return render_template('edit.html', entry=entry)
+
+# Edit entry via modal
+@app.route('/edit_modal', methods=['POST'])
+def edit_entry_modal():
+    entry_id = request.form.get('id')
+    date = request.form.get('date')
+    content = request.form.get('content')
+    if entry_id and date and content:
+        conn = get_db_connection()
+        cursor = conn.cursor()
+        cursor.execute("UPDATE journal_entry SET date=%s, content=%s WHERE id=%s", (date, content, entry_id))
+        conn.commit()
+        cursor.close()
+        conn.close()
+    return redirect(url_for('index'))
+
+# Delete entry route
+@app.route('/delete/<int:entry_id>', methods=['POST'])
+def delete_entry(entry_id):
+    conn = get_db_connection()
+    cursor = conn.cursor()
+    cursor.execute("DELETE FROM journal_entry WHERE id=%s", (entry_id,))
+    conn.commit()
+    cursor.close()
+    conn.close()
+    return redirect(url_for('index'))
+
+init_db()
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=5000)

deployment.yml

@@ -0,0 +1,70 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: echolog
+  namespace: echolog
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: echolog
+  template:
+    metadata:
+      labels:
+        app: echolog
+    spec:
+      containers:
+        - name: echolog
+          image: docker.jdbnet.co.uk/internal/echolog:latest
+          imagePullPolicy: Always
+          ports:
+            - containerPort: 5000
+              name: "echolog"
+          env:
+            - name: DB_HOST
+              value: "10.10.2.27"
+            - name: DB_USER
+              value: "echolog"
+            - name: DB_PASSWORD
+              value: "gHH0&nGWK!@8Y5"
+            - name: DB_NAME
+              value: "echolog"
+            - name: SECRET_KEY
+              value: "bgSNcrA0gZiRX9LbZmminf2LItEXeo"
+            - name: LOGIN_ENABLED
+              value: "true"
+            - name: LOGIN_USERNAME
+              value: "jamie"
+            - name: LOGIN_PASSWORD
+              value: "X2pl5g%AE5m$xr"
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: echolog-ingress-service
+  namespace: echolog
+spec:
+  selector:
+    app: echolog
+  ports:
+    - protocol: TCP
+      port: 80
+      targetPort: 5000
+---
+apiVersion: networking.k8s.io/v1
+kind: Ingress
+metadata:
+  name: echolog-ingress
+  namespace: echolog
+spec:
+  rules:
+  - host: echolog.jdb143.uk
+    http:
+      paths:
+      - pathType: Prefix
+        path: "/"
+        backend:
+          service:
+            name: echolog-ingress-service
+            port:
+              number: 80

requirements.txt

@@ -0,0 +1,3 @@
+Flask
+mysql-connector-python
+python-dotenv

run.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+echo "Generating CSS..."
+./tailwindcss -i ./static/input.css -o ./static/output.css --content "./templates/*.html" --minify
+
+echo "Starting app..."
+python3 app.py

static/input.css

@@ -0,0 +1 @@
+@import "tailwindcss"

templates/index.html

@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>EchoLog</title>
+    <link href="{{ url_for('static', filename='output.css') }}" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+</head>
+<body class="bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 min-h-screen text-white">
+    <div class="container mx-auto max-w-2xl p-6">
+        <header class="mb-8 flex items-center justify-between">
+            <div>
+                <a href="/"><h1 class="text-4xl font-extrabold tracking-tight bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">EchoLog</h1></a>
+                <p class="text-gray-400 mt-1">Your personal homelab journal</p>
+            </div>
+            {% if session.logged_in %}
+            <a href="/logout" class="text-gray-300 hover:text-pink-400 transition text-xl" title="Logout">
+                <i class="fas fa-sign-out-alt"></i>
+            </a>
+            {% endif %}
+        </header>
+
+        <form action="/add" method="POST" class="mb-8 bg-gray-800/80 rounded-xl shadow-lg p-6 border border-gray-700">
+            <div class="mb-4">
+                <label for="date" class="block text-xs font-semibold text-gray-400 mb-1">Date</label>
+                <input type="date" id="date" name="date" class="w-full p-2 bg-gray-900 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500" required value="{{ today }}">
+            </div>
+            <div class="mb-4">
+                <label for="content" class="block text-xs font-semibold text-gray-400 mb-1">Journal Entry</label>
+                <textarea id="content" name="content" rows="4" class="w-full p-3 bg-gray-900 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500 resize-vertical" placeholder="What did you do today?" required></textarea>
+            </div>
+            <button type="submit" class="w-full py-2 bg-gradient-to-r from-blue-500 to-pink-500 text-white font-bold rounded shadow hover:scale-105 transition">Add Entry</button>
+        </form>
+
+        <form action="/search" method="GET" class="mb-8 flex flex-col gap-4 items-stretch md:flex-row md:items-end">
+            <div class="flex-1">
+                <label for="query" class="block text-xs font-semibold text-gray-400 mb-1">Search</label>
+                <input type="text" id="query" name="query" class="w-full p-2 bg-gray-900 border border-gray-700 rounded" placeholder="Search by keyword...">
+            </div>
+            <div class="flex-1">
+                <label for="date_search" class="block text-xs font-semibold text-gray-400 mb-1">Date</label>
+                <input type="date" id="date_search" name="date" class="w-full p-2 bg-gray-900 border border-gray-700 rounded">
+            </div>
+            <button type="submit" class="px-6 py-2 bg-gradient-to-r from-purple-500 to-pink-500 text-white font-bold rounded shadow hover:scale-105 transition w-full md:w-auto">Filter</button>
+        </form>
+
+        <section>
+            <h2 class="text-2xl font-bold mb-4 text-pink-400">Previous Entries</h2>
+            <ul class="space-y-6">
+                {% for entry in entries %}
+                <li class="p-5 bg-gray-800/80 rounded-xl border border-gray-700 shadow hover:shadow-lg transition">
+                    <div class="flex items-center justify-between mb-2">
+                        <span class="text-xs text-gray-400 font-mono">{{ entry.date }}</span>
+                        <div class="flex gap-2">
+                            <button type="button" class="text-blue-400 hover:text-blue-200" title="Edit" onclick='openEditModal("{{ entry.id|escape }}", "{{ entry.date|escape }}", {{ entry.content|tojson|safe }})'><i class="fas fa-edit"></i></button>
+                            <button type="button" class="text-pink-400 hover:text-pink-200" title="Delete" onclick='openDeleteModal("{{ entry.id|escape }}")'><i class="fas fa-trash-alt"></i></button>
+                        </div>
+                    </div>
+                    <pre class="whitespace-pre-wrap break-words text-base text-gray-100 font-sans">{{ entry.content }}</pre>
+                </li>
+                {% else %}
+                <li class="text-gray-500 text-center">No entries found.</li>
+                {% endfor %}
+            </ul>
+
+            <!-- Edit Modal -->
+            <div id="edit-modal" class="fixed inset-0 bg-black/30 backdrop-blur-sm flex items-center justify-center z-50 hidden">
+                <div class="bg-gray-900 rounded-xl shadow-2xl p-8 w-full max-w-lg border border-gray-700 relative">
+                    <button onclick="closeEditModal()" class="absolute top-4 right-4 text-gray-400 hover:text-pink-400 text-2xl"><i class="fas fa-times"></i></button>
+                    <h2 class="text-2xl font-bold mb-6 text-pink-400">Edit Entry</h2>
+                    <form id="edit-form" action="/edit_modal" method="POST" class="space-y-4">
+                        <input type="hidden" id="edit-id" name="id">
+                        <div>
+                            <label for="edit-date" class="block text-xs font-semibold text-gray-400 mb-1">Date</label>
+                            <input type="date" id="edit-date" name="date" class="w-full p-2 bg-gray-800 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500" required>
+                        </div>
+                        <div>
+                            <label for="edit-content" class="block text-xs font-semibold text-gray-400 mb-1">Journal Entry</label>
+                            <textarea id="edit-content" name="content" rows="4" class="w-full p-3 bg-gray-800 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500 resize-vertical" required></textarea>
+                        </div>
+                        <div class="flex gap-4">
+                            <button type="submit" class="flex-1 py-2 bg-gradient-to-r from-blue-500 to-pink-500 text-white font-bold rounded shadow hover:scale-105 transition">Save Changes</button>
+                            <button type="button" onclick="closeEditModal()" class="flex-1 py-2 bg-gray-700 text-white font-bold rounded shadow hover:bg-gray-600 transition">Cancel</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+            <!-- Delete Modal -->
+            <div id="delete-modal" class="fixed inset-0 bg-black/30 backdrop-blur-sm flex items-center justify-center z-50 hidden">
+                <div class="bg-gray-900 rounded-xl shadow-2xl p-8 w-full max-w-md border border-gray-700 relative">
+                    <button onclick="closeDeleteModal()" class="absolute top-4 right-4 text-gray-400 hover:text-pink-400 text-2xl"><i class="fas fa-times"></i></button>
+                    <h2 class="text-2xl font-bold mb-6 text-pink-400">Delete Entry</h2>
+                    <p class="mb-6 text-gray-300">Are you sure you want to delete this entry? This action cannot be undone.</p>
+                    <form id="delete-form" method="POST">
+                        <div class="flex gap-4">
+                            <button type="submit" class="flex-1 py-2 bg-gradient-to-r from-blue-500 to-pink-500 text-white font-bold rounded shadow hover:scale-105 transition">Delete</button>
+                            <button type="button" onclick="closeDeleteModal()" class="flex-1 py-2 bg-gray-700 text-white font-bold rounded shadow hover:bg-gray-600 transition">Cancel</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+            <div class="mt-8 flex justify-between">
+                {% if has_prev %}
+                <a href="?page={{ page - 1 }}" class="px-4 py-2 bg-gray-700 rounded hover:bg-gray-600">Previous</a>
+                {% else %}
+                <span></span>
+                {% endif %}
+                {% if has_next %}
+                <a href="?page={{ page + 1 }}" class="px-4 py-2 bg-gray-700 rounded hover:bg-gray-600">Next</a>
+                {% endif %}
+            </div>
+        </section>
+    </div>
+
+    <footer class="mt-16 py-6 border-t border-gray-800 text-center text-gray-500 text-sm">
+        <span>JDB-NET &copy; {{ now.year }}</span>
+        &middot;
+        <a href="https://echolog.jdbnet.co.uk" target="_blank" rel="noopener" class="text-gray-500 hover:text-pink-400 hover:underline ml-1">Docs</a>
+    </footer>
+
+    <script>
+    function openEditModal(id, date, content) {
+        document.getElementById('edit-modal').classList.remove('hidden');
+        document.getElementById('edit-id').value = id;
+        document.getElementById('edit-date').value = date;
+        document.getElementById('edit-content').value = content;
+    }
+    function closeEditModal() {
+        document.getElementById('edit-modal').classList.add('hidden');
+    }
+    function openDeleteModal(id) {
+        document.getElementById('delete-modal').classList.remove('hidden');
+        var form = document.getElementById('delete-form');
+        form.action = '/delete/' + id;
+    }
+    function closeDeleteModal() {
+        document.getElementById('delete-modal').classList.add('hidden');
+        document.getElementById('delete-form').action = '';
+    }
+    document.addEventListener('keydown', function(e) {
+        if (e.key === 'Escape') {
+            closeEditModal();
+            closeDeleteModal();
+        }
+    });
+    </script>
+</body>
+</html>

templates/login.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>EchoLog</title>
+    <link href="{{ url_for('static', filename='output.css') }}" rel="stylesheet">
+</head>
+<body class="bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 min-h-screen text-white flex items-center justify-center">
+    <div class="w-full max-w-md p-8 bg-gray-900/90 rounded-2xl shadow-2xl border border-gray-800">
+        <header class="mb-8 text-center">
+            <h1 class="text-4xl font-extrabold tracking-tight bg-gradient-to-r from-blue-400 via-purple-400 to-pink-400 bg-clip-text text-transparent">EchoLog</h1>
+            <p class="text-gray-400 mt-2">Sign in to your homelab journal</p>
+        </header>
+        <form action="/login" method="POST" class="space-y-6">
+            {% if error %}
+            <p class="text-red-500 text-center font-semibold">{{ error }}</p>
+            {% endif %}
+            <div>
+                <label for="username" class="block text-xs font-semibold text-gray-400 mb-1">Username</label>
+                <input type="text" id="username" name="username" class="w-full p-3 bg-gray-800 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500" placeholder="Username" required>
+            </div>
+            <div>
+                <label for="password" class="block text-xs font-semibold text-gray-400 mb-1">Password</label>
+                <input type="password" id="password" name="password" class="w-full p-3 bg-gray-800 border border-gray-700 rounded focus:ring-2 focus:ring-blue-500" placeholder="Password" required>
+            </div>
+            <button type="submit" class="w-full py-3 bg-gradient-to-r from-blue-500 to-pink-500 text-white font-bold rounded shadow hover:scale-105 transition">Login</button>
+        </form>
+    </div>
+</body>
+</html>