jasonhirsch/Wartungsseite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wartungsseite

Browse Source
This commit is contained in:
Jason Hirsch
2024-10-12 16:07:14 +02:00
parent ced10e26f7
commit 1139c9954a
3 changed files with 105 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
index.html Normal file
View File

@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wartungsarbeiten</title>
<script src="https://unpkg.com/lucide-react@latest/dist/lucide-react.min.js"></script>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
margin: 0;
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="min-h-screen flex flex-col bg-[#0a0e17]">
<header class="bg-[#0a0e17] border-b border-[#0ca579] p-4">
<div class="container mx-auto flex justify-center items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="188" viewBox="84.60126403808594 58.07960418701172 170.79748718261717 133.84079162597655" class="w-48 h-auto">
<g fill="#0ca579">
<g transform="translate(130.99999994039536, 59.75408935546875)">
<svg width="78" height="89.44133565727915">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.30999755859375 74.88999938964844">
<g>
<path fill="#0ca579" d="M0 49.83l22.62 13.62V32.54L0 49.83z"></path>
<path fill="#00ea90" d="M34.85 0v29.75L0 49.83V19.62L34.85 0z"></path>
<path fill="#c1c1c1" d="M65.31 25.07L42.7 11.45v30.9l22.61-17.28z"></path>
<path fill="#6b6b6b" d="M30.46 74.89V45.15l34.85-20.08v30.21L30.46 74.89z"></path>
</g>
</svg>
</svg>
</g>
</g>
</svg>
</div>
</header>
<main class="flex-grow flex items-center justify-center px-4">
<div class="text-center">
<h1 class="text-[#0ca579] text-4xl font-bold mb-4">Wartungsarbeiten</h1>
<p class="text-white text-xl mb-8">Wir arbeiten gerade an Ihrer Website. Bald sind wir fertig!</p>
<div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-8 mb-8">
<div class="flex items-center text-white">
<svg class="w-6 h-6 mr-2 text-[#0ca579]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-2a9 9 0 11-9-9 9 9 0 019 9z" /></svg>
<span>Geschätzte Fertigstellung: 24-48 Stunden</span>
</div>
<div class="flex items-center text-white">
<svg class="w-6 h-6 mr-2 text-[#0ca579]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13l2 2 4-4m0 0l2 2 8-8M9 13l2 2 4-4m-8 4l2 2 4-4" /></svg>
<span>Status: In Arbeit</span>
</div>
</div>
<p class="text-gray-400">
Vielen Dank für Ihre Geduld. Bei Fragen kontaktieren Sie uns bitte unter
<a href="mailto:clickcandit@gmail.com" class="text-[#0ca579] hover:underline">clickcandit@gmail.com</a>
</p>
</div>
</main>
<footer class="bg-[#0a0e17] border-t border-[#0ca579] p-4">
<div class="container mx-auto text-center text-gray-400">
<p>&copy; <script>document.write(new Date().getFullYear());</script> ClickCandit. Alle Rechte vorbehalten.</p>
</div>
</footer>
</body>
</html>

38
start-server.sh Normal file
View File

@@ -0,0 +1,38 @@
#!/bin/bash
# Docker Image Name
IMAGE_NAME="simple-html-server"
CONTAINER_NAME="html-server"
PORT=2223
HTML_FILE="index.html"
# Check if the index.html file exists
if [ ! -f "$HTML_FILE" ]; then
echo "Fehler: Die Datei $HTML_FILE wurde nicht gefunden!"
exit 1
fi
# Erstelle ein Dockerfile
cat <<EOF > Dockerfile
FROM nginx:alpine
COPY $HTML_FILE /usr/share/nginx/html/index.html
EOF
# Docker Image bauen
docker build -t $IMAGE_NAME .
# Falls ein Container mit dem gleichen Namen existiert, wird er gestoppt und entfernt
if [ $(docker ps -a -q -f name=$CONTAINER_NAME) ]; then
docker stop $CONTAINER_NAME
docker rm $CONTAINER_NAME
fi
# Container starten
docker run -d --name $CONTAINER_NAME -p $PORT:80 $IMAGE_NAME
# Status anzeigen
if [ $? -eq 0 ]; then
echo "Der HTML-Server läuft auf Port $PORT."
else
echo "Es gab ein Problem beim Starten des Servers."
fi

61
wartungsseite.tsx
View File

@@ -1,61 +0,0 @@
import { Clock, Tools } from "lucide-react"
export default function Component() {
return (
<div className="min-h-screen flex flex-col bg-[#0a0e17]">
<header className="bg-[#0a0e17] border-b border-[#0ca579] p-4">
<div className="container mx-auto flex justify-center items-center">
<svg
xmlns="http://www.w3.org/2000/svg"
width="240"
height="188"
viewBox="84.60126403808594 58.07960418701172 170.79748718261717 133.84079162597655"
className="w-48 h-auto"
>
<g fill="#0ca579">
<g transform="translate(130.99999994039536, 59.75408935546875)">
<svg width="78" height="89.44133565727915">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.30999755859375 74.88999938964844">
<g>
<path fill="#0ca579" d="M0 49.83l22.62 13.62V32.54L0 49.83z"></path>
<path fill="#00ea90" d="M34.85 0v29.75L0 49.83V19.62L34.85 0z"></path>
<path fill="#c1c1c1" d="M65.31 25.07L42.7 11.45v30.9l22.61-17.28z"></path>
<path fill="#6b6b6b" d="M30.46 74.89V45.15l34.85-20.08v30.21L30.46 74.89z"></path>
</g>
</svg>
</svg>
</g>
</g>
</svg>
</div>
</header>
<main className="flex-grow flex items-center justify-center px-4">
<div className="text-center">
<h1 className="text-[#0ca579] text-4xl font-bold mb-4">Wartungsarbeiten</h1>
<p className="text-white text-xl mb-8">Wir arbeiten gerade an Ihrer Website. Bald sind wir fertig!</p>
<div className="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-8 mb-8">
<div className="flex items-center text-white">
<Clock className="w-6 h-6 mr-2 text-[#0ca579]" />
<span>Geschätzte Fertigstellung: 24-48 Stunden</span>
</div>
<div className="flex items-center text-white">
<Tools className="w-6 h-6 mr-2 text-[#0ca579]" />
<span>Status: In Arbeit</span>
</div>
</div>
<p className="text-gray-400">
Vielen Dank für Ihre Geduld. Bei Fragen kontaktieren Sie uns bitte unter{" "}
<a href="mailto:clickcandit@gmail.com" className="text-[#0ca579] hover:underline">
clickcandit@gmail.com
</a>
</p>
</div>
</main>
<footer className="bg-[#0a0e17] border-t border-[#0ca579] p-4">
<div className="container mx-auto text-center text-gray-400">
<p>&copy; {new Date().getFullYear()} ClickCandit. Alle Rechte vorbehalten.</p>
</div>
</footer>
</div>
)
}