Footer immer am Seitenende (Sticky) und Text auf "Bewerbungssystem"

Body als Flex-Column, main mit flex-1 drueckt den Footer nach unten.
Footer-Jahr serverseitig gerendert (immer aktuell).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-05 13:40:55 +02:00
co-authored by Claude Opus 4.8
parent 82431490a9
commit b269dcaecc
8 changed files with 16 additions and 16 deletions
+2 -2
View File
@@ -3,7 +3,7 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
</head> </head>
<body class="min-h-screen transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body"> <body class="min-h-screen flex flex-col transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body">
<%- include('partials/header', { hideSettings: true }) %> <%- include('partials/header', { hideSettings: true }) %>
<% <%
@@ -20,7 +20,7 @@
const today = new Date().toISOString().split('T')[0]; const today = new Date().toISOString().split('T')[0];
%> %>
<main class="container mx-auto px-4 py-8 max-w-3xl"> <main class="flex-1 container mx-auto px-4 py-8 max-w-3xl">
<!-- Back link --> <!-- Back link -->
<a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6"> <a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+2 -2
View File
@@ -3,10 +3,10 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
</head> </head>
<body class="min-h-screen transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body"> <body class="min-h-screen flex flex-col transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body">
<%- include('partials/header') %> <%- include('partials/header') %>
<main class="container mx-auto px-4 py-8 max-w-5xl"> <main class="flex-1 container mx-auto px-4 py-8 max-w-5xl">
<!-- Back link --> <!-- Back link -->
<a href="/jobangebote" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6"> <a href="/jobangebote" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+2 -2
View File
@@ -3,10 +3,10 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
</head> </head>
<body class="min-h-screen transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body"> <body class="min-h-screen flex flex-col transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body">
<%- include('partials/header') %> <%- include('partials/header') %>
<main class="container mx-auto px-4 py-8"> <main class="flex-1 container mx-auto px-4 py-8">
<!-- Search --> <!-- Search -->
<div class="flex justify-center mb-8"> <div class="flex justify-center mb-8">
<div class="relative w-full max-w-xl"> <div class="relative w-full max-w-xl">
+2 -2
View File
@@ -3,10 +3,10 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
</head> </head>
<body class="min-h-screen transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body"> <body class="min-h-screen flex flex-col transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body">
<%- include('partials/header') %> <%- include('partials/header') %>
<main class="container mx-auto px-4 py-8 max-w-5xl"> <main class="flex-1 container mx-auto px-4 py-8 max-w-5xl">
<!-- Back link --> <!-- Back link -->
<a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6"> <a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+2 -2
View File
@@ -3,10 +3,10 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
</head> </head>
<body class="min-h-screen transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body"> <body class="min-h-screen flex flex-col transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body">
<%- include('partials/header') %> <%- include('partials/header') %>
<main class="container mx-auto px-4 py-8 max-w-5xl"> <main class="flex-1 container mx-auto px-4 py-8 max-w-5xl">
<!-- Back link --> <!-- Back link -->
<a href="/jobangebote" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6"> <a href="/jobangebote" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+2 -2
View File
@@ -1,8 +1,8 @@
<footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-12 py-6"> <footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-12 py-6">
<div class="container mx-auto px-4 text-center"> <div class="container mx-auto px-4 text-center">
<p class="text-gray-600 dark:text-gray-400 text-sm"> <p class="text-gray-600 dark:text-gray-400 text-sm">
Bewerbungs-Tracker für Jobcenter Grundsicherung | Bewerbungssystem |
<span id="currentYear"></span> <span id="currentYear"><%= new Date().getFullYear() %></span>
</p> </p>
</div> </div>
</footer> </footer>
+2 -2
View File
@@ -3,10 +3,10 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
</head> </head>
<body class="min-h-screen transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body"> <body class="min-h-screen flex flex-col transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body">
<%- include('partials/header', { hideSettings: true }) %> <%- include('partials/header', { hideSettings: true }) %>
<main class="container mx-auto px-4 py-8 max-w-4xl"> <main class="flex-1 container mx-auto px-4 py-8 max-w-4xl">
<!-- Back link --> <!-- Back link -->
<a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6"> <a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+2 -2
View File
@@ -3,10 +3,10 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
</head> </head>
<body class="min-h-screen transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body"> <body class="min-h-screen flex flex-col transition-colors duration-300 bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100" id="body">
<%- include('partials/header', { hideSettings: true }) %> <%- include('partials/header', { hideSettings: true }) %>
<main class="container mx-auto px-4 py-8 max-w-3xl"> <main class="flex-1 container mx-auto px-4 py-8 max-w-3xl">
<!-- Back link --> <!-- Back link -->
<a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6"> <a href="/" class="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:underline mb-6">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">