webcrawler v0.1

2024-11-13 18:40:55 +01:00 · 2024-11-13 18:40:55 +01:00 · 008e2bc274
commit 008e2bc274
parent e2d9a197c0
18 changed files with 681 additions and 0 deletions
--- a/app/static/styles.css
+++ b/app/static/styles.css
@ -0,0 +1,166 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    font-family: 'Roboto', sans-serif;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    background-color: #f5f5f7;
+    color: #333;
+}
+
+header {
+    background-color: #007aff;
+    color: white;
+    padding: 1em;
+}
+
+nav ul {
+    display: flex;
+    justify-content: space-around;
+    list-style: none;
+}
+
+nav ul li a {
+    color: white;
+    text-decoration: none;
+    font-weight: 500;
+    padding: 0.5em 1em;
+    transition: background-color 0.3s;
+}
+
+nav ul li a:hover {
+    background-color: #005bb5;
+    border-radius: 4px;
+}
+
+/* Vollbild-Layout */
+.container {
+    width: 90%;
+    margin: 2em auto;
+    flex: 1;
+}
+
+/* Boxed-Design für Login und Signup */
+.form-container {
+    max-width: 400px;
+    margin: auto;
+    padding: 2em;
+    background: white;
+    border-radius: 10px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    text-align: center;
+}
+
+h2 {
+    font-weight: 500;
+    color: #1d1d1f;
+    margin-bottom: 1.5em;
+}
+
+label {
+    display: block;
+    font-size: 0.9em;
+    color: #6e6e73;
+    margin-bottom: 0.5em;
+}
+
+input {
+    width: 100%;
+    padding: 0.75em;
+    margin-bottom: 1em;
+    border: 1px solid #d1d1d6;
+    border-radius: 8px;
+    font-size: 1em;
+    color: #333;
+}
+
+input:focus {
+    border-color: #007aff;
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2);
+}
+
+button {
+    width: 100%;
+    padding: 0.75em;
+    font-size: 1em;
+    font-weight: 500;
+    color: white;
+    background-color: #007aff;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: background-color 0.2s ease-in-out;
+}
+
+button:hover {
+    background-color: #005bb5;
+}
+
+p {
+    text-align: center;
+    margin-top: 1em;
+}
+
+a {
+    color: #007aff;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+.table-container {
+    width: 90%;
+    margin: 2em auto;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1em;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+table, th, td {
+    border: 1px solid #d1d1d6;
+}
+
+th, td {
+    padding: 0.75em;
+    text-align: left;
+}
+
+th {
+    background-color: #f1f1f1;
+    color: #333;
+}
+
+td {
+    background-color: white;
+}
+
+tr:nth-child(even) td {
+    background-color: #f9f9f9;
+}
+
+.delete-btn {
+    background-color: #ff4d4d;
+    color: white;
+    padding: 0.5em;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 0.9em;
+    transition: background-color 0.2s ease;
+}
+
+.delete-btn:hover {
+    background-color: #e60000;
+}