From 155992f1965804a417c98ad7002d78230e63bf5e Mon Sep 17 00:00:00 2001 From: retoor Date: Sun, 9 Nov 2025 18:06:32 +0100 Subject: [PATCH] Update. --- retoors/routes.py | 3 - retoors/static/css/base.css | 92 ++++++---- retoors/static/css/components/dashboard.css | 11 +- retoors/static/css/components/footer.css | 6 +- retoors/static/css/components/index.css | 175 ++++++++++++++++-- retoors/static/css/components/login.css | 4 +- retoors/static/css/components/pricing.css | 176 ------------------- retoors/static/css/components/register.css | 8 +- retoors/static/css/components/security.css | 142 --------------- retoors/static/css/components/solutions.css | 135 -------------- retoors/static/js/components/order.js | 4 +- retoors/static/js/components/users.js | 4 +- retoors/templates/components/navigation.html | 3 - retoors/templates/pages/dashboard.html | 2 +- retoors/templates/pages/favorites.html | 4 +- retoors/templates/pages/file_browser.html | 6 +- retoors/templates/pages/index.html | 138 ++++----------- retoors/templates/pages/pricing.html | 81 --------- retoors/templates/pages/security.html | 62 ------- retoors/templates/pages/shared.html | 6 +- retoors/templates/pages/solutions.html | 75 -------- retoors/templates/pages/trash.html | 6 +- retoors/templates/pages/user_details.html | 2 +- 23 files changed, 284 insertions(+), 861 deletions(-) delete mode 100644 retoors/static/css/components/pricing.css delete mode 100644 retoors/static/css/components/security.css delete mode 100644 retoors/static/css/components/solutions.css delete mode 100644 retoors/templates/pages/pricing.html delete mode 100644 retoors/templates/pages/security.html delete mode 100644 retoors/templates/pages/solutions.html diff --git a/retoors/routes.py b/retoors/routes.py index 253fde7..1a45ca5 100644 --- a/retoors/routes.py +++ b/retoors/routes.py @@ -13,9 +13,6 @@ def setup_routes(app): app.router.add_view("/forgot_password", ForgotPasswordView, name="forgot_password") app.router.add_view("/reset_password/{token}", ResetPasswordView, name="reset_password") app.router.add_view("/", SiteView, name="index") - app.router.add_view("/solutions", SiteView, name="solutions") - app.router.add_view("/pricing", SiteView, name="pricing") - app.router.add_view("/security", SiteView, name="security") app.router.add_view("/support", SiteView, name="support") app.router.add_view("/use_cases", SiteView, name="use_cases") app.router.add_view("/dashboard", SiteView, name="dashboard") diff --git a/retoors/static/css/base.css b/retoors/static/css/base.css index bb2cb4f..dc98158 100644 --- a/retoors/static/css/base.css +++ b/retoors/static/css/base.css @@ -1,24 +1,32 @@ :root { - --primary-color: #0066FF; /* Vibrant blue */ - --accent-color: #00D4FF; /* Bright cyan accent */ - --secondary-color: #F7FAFC; /* Very light blue-grey */ - --background-color: #FFFFFF; /* Pure white background */ - --text-color: #1A202C; /* Dark blue-grey */ - --light-text-color: #718096; /* Medium grey for descriptions */ - --border-color: #E2E8F0; /* Light grey border */ - --card-background: #FFFFFF; /* White for cards */ - --shadow-color: rgba(0, 0, 0, 0.05); /* Very subtle shadow */ + --dutch-red: #AE1C28; /* Dutch flag red */ + --dutch-white: #FFFFFF; /* Dutch flag white */ + --dutch-blue: #21468B; /* Dutch flag blue */ + --dutch-red-dark: #8B1621; /* Darker red for hover */ + --dutch-blue-dark: #1A3766; /* Darker blue for hover */ + + --primary-color: var(--dutch-blue); + --accent-color: var(--dutch-red); + --red-accent: var(--dutch-red); + --red-hover: var(--dutch-red-dark); + --secondary-color: #F7FAFC; + --background-color: var(--dutch-white); + --text-color: #1A202C; + --light-text-color: #4A5568; + --border-color: #E2E8F0; + --card-background: var(--dutch-white); + --shadow-color: rgba(0, 0, 0, 0.05); /* Button specific variables */ - --btn-primary-bg: var(--primary-color); - --btn-primary-text: #FFFFFF; - --btn-primary-hover-bg: #0052CC; /* Darker blue */ - --btn-secondary-bg: #EDF2F7; /* Light grey */ - --btn-secondary-text: var(--text-color); - --btn-secondary-hover-bg: #E2E8F0; /* Darker grey */ - --btn-outline-border: var(--primary-color); - --btn-outline-text: var(--primary-color); - --btn-outline-hover-bg: rgba(0, 102, 255, 0.05); /* Very light blue hover */ + --btn-primary-bg: var(--dutch-blue); + --btn-primary-text: var(--dutch-white); + --btn-primary-hover-bg: var(--dutch-blue-dark); + --btn-secondary-bg: var(--dutch-red); + --btn-secondary-text: var(--dutch-white); + --btn-secondary-hover-bg: var(--dutch-red-dark); + --btn-outline-border: var(--dutch-blue); + --btn-outline-text: var(--dutch-blue); + --btn-outline-hover-bg: rgba(33, 70, 139, 0.05); } html, body { @@ -125,8 +133,8 @@ p { } .search-input:focus { - box-shadow: 0 1px 6px rgba(32,33,36,.28); - border-color: var(--accent-color); + box-shadow: 0 1px 6px rgba(174, 28, 40, 0.25); + border-color: var(--dutch-red); } .search-buttons { @@ -136,10 +144,10 @@ p { } .retoors-button { - background-color: var(--btn-secondary-bg); - border: 1px solid var(--btn-secondary-bg); + background-color: #F0F0F0; + border: 1px solid #D0D0D0; border-radius: 4px; - color: var(--btn-secondary-text); + color: var(--text-color); font-family: 'Roboto', sans-serif; font-size: 15px; padding: 10px 20px; @@ -150,18 +158,23 @@ p { } .retoors-button:hover { - background-color: var(--btn-secondary-hover-bg); - border-color: var(--btn-secondary-hover-bg); + background-color: #E0E0E0; + border-color: #B0B0B0; } /* Header and Navigation */ .site-header { - background-color: #FFFFFF; + background: linear-gradient(to bottom, var(--dutch-red) 0%, var(--dutch-red) 33.33%, var(--dutch-white) 33.33%, var(--dutch-white) 66.66%, var(--dutch-blue) 66.66%, var(--dutch-blue) 100%); + background-size: 100% 6px; + background-repeat: no-repeat; + background-position: top; + background-color: var(--dutch-white); border-bottom: 1px solid var(--border-color); position: sticky; top: 0; z-index: 1000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); + padding-top: 6px; } .site-nav { @@ -217,7 +230,7 @@ p { } .nav-menu a:hover { - color: var(--primary-color); + color: var(--dutch-red); } .nav-actions { @@ -238,7 +251,7 @@ p { } .nav-link:hover { - color: var(--primary-color); + color: var(--dutch-red); } /* Main content area */ @@ -344,7 +357,7 @@ main { background-color: var(--btn-primary-hover-bg); border-color: var(--btn-primary-hover-bg); transform: translateY(-1px); - box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2); + box-shadow: 0 4px 12px rgba(33, 70, 139, 0.3); } .btn-outline { @@ -366,14 +379,27 @@ main { } .btn-danger { - background-color: #dc3545; + background-color: var(--red-accent); color: white; - border-color: #dc3545; + border-color: var(--red-accent); } .btn-danger:hover { - background-color: #c82333; - border-color: #bd2130; + background-color: var(--red-hover); + border-color: var(--red-hover); +} + +.btn-accent { + background-color: var(--dutch-red); + color: var(--dutch-white); + border-color: var(--dutch-red); +} + +.btn-accent:hover { + background-color: var(--dutch-red-dark); + border-color: var(--dutch-red-dark); + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(174, 28, 40, 0.3); } .error { diff --git a/retoors/static/css/components/dashboard.css b/retoors/static/css/components/dashboard.css index ddaefa1..915c112 100644 --- a/retoors/static/css/components/dashboard.css +++ b/retoors/static/css/components/dashboard.css @@ -20,6 +20,8 @@ max-height: calc(100vh - 120px); overflow-y: hidden; overflow-x: hidden; + border-top: 3px solid var(--dutch-red); + border-bottom: 3px solid var(--dutch-blue); } .dashboard-sidebar::-webkit-scrollbar { @@ -53,8 +55,9 @@ .sidebar-menu ul li a:hover, .sidebar-menu ul li a.active { - background-color: var(--accent-color); - color: white; + background-color: var(--dutch-blue); + color: var(--dutch-white); + border-left: 3px solid var(--dutch-red); } .sidebar-menu ul li a img.icon { @@ -164,8 +167,8 @@ } .file-search-bar:focus { - border-color: var(--accent-color); - box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.2); + border-color: var(--dutch-red); + box-shadow: 0 0 0 2px rgba(174, 28, 40, 0.2); } .file-list-table { diff --git a/retoors/static/css/components/footer.css b/retoors/static/css/components/footer.css index 089318a..0c2676f 100644 --- a/retoors/static/css/components/footer.css +++ b/retoors/static/css/components/footer.css @@ -2,7 +2,9 @@ footer { background-color: var(--card-background); color: var(--light-text-color); padding: 2rem 2rem 1rem 2rem; - border-top: 1px solid var(--border-color); + border-top: 6px solid transparent; + border-image: linear-gradient(to right, var(--dutch-red) 0%, var(--dutch-red) 33.33%, var(--dutch-white) 33.33%, var(--dutch-white) 66.66%, var(--dutch-blue) 66.66%, var(--dutch-blue) 100%); + border-image-slice: 1; margin-top: auto; box-shadow: 0 -2px 4px var(--shadow-color); } @@ -44,7 +46,7 @@ footer { } .footer-section ul li a:hover { - color: var(--accent-color); + color: var(--dutch-red); } .footer-bottom { diff --git a/retoors/static/css/components/index.css b/retoors/static/css/components/index.css index 7645184..61e6eac 100644 --- a/retoors/static/css/components/index.css +++ b/retoors/static/css/components/index.css @@ -1,9 +1,12 @@ /* Hero Section */ .hero-section { text-align: center; - padding: 100px 20px 80px; - background: linear-gradient(135deg, #F7FAFC 0%, #FFFFFF 100%); + padding: 80px 20px 60px; + background: linear-gradient(135deg, rgba(33, 70, 139, 0.03) 0%, var(--dutch-white) 100%); margin-bottom: 0; + border-top: 4px solid transparent; + border-image: linear-gradient(to right, var(--dutch-red) 0%, var(--dutch-red) 33.33%, var(--dutch-white) 33.33%, var(--dutch-white) 66.66%, var(--dutch-blue) 66.66%, var(--dutch-blue) 100%); + border-image-slice: 1; } .hero-content { @@ -12,19 +15,19 @@ } .hero-section h1 { - font-size: 3.75rem; + font-size: 3rem; font-weight: 700; color: var(--text-color); - margin-bottom: 1.5rem; + margin-bottom: 1rem; line-height: 1.15; letter-spacing: -0.03em; } .hero-subtitle { - font-size: 1.25rem; + font-size: 1.125rem; color: var(--light-text-color); - max-width: 700px; - margin: 0 auto 2.5rem; + max-width: 600px; + margin: 0 auto; line-height: 1.6; } @@ -86,7 +89,7 @@ } .feature-icon { - color: var(--primary-color); + color: var(--dutch-red); margin-bottom: 1.5rem; display: inline-block; } @@ -104,10 +107,140 @@ line-height: 1.6; } +/* Pricing Calculator Section */ +.pricing-calculator { + padding: 80px 20px; + background: #FFFFFF; + text-align: center; +} + +.calculator-content { + max-width: 600px; + margin: 0 auto; +} + +.pricing-calculator h2 { + font-size: 2.25rem; + color: var(--text-color); + margin-bottom: 0.75rem; +} + +.calculator-subtitle { + font-size: 1rem; + color: var(--light-text-color); + margin-bottom: 3rem; +} + +.storage-display { + margin-bottom: 2rem; +} + +.storage-value { + font-size: 4rem; + font-weight: 700; + color: var(--dutch-blue); +} + +.storage-unit { + font-size: 2rem; + color: var(--light-text-color); + margin-left: 0.5rem; +} + +.slider-container { + margin-bottom: 3rem; +} + +#storageSlider { + width: 100%; + height: 8px; + border-radius: 4px; + background: linear-gradient(to right, var(--dutch-red), var(--dutch-blue)); + outline: none; + -webkit-appearance: none; + appearance: none; + cursor: pointer; +} + +#storageSlider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 24px; + height: 24px; + border-radius: 50%; + background: var(--dutch-blue); + cursor: pointer; + border: 3px solid #FFFFFF; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); +} + +#storageSlider::-moz-range-thumb { + width: 24px; + height: 24px; + border-radius: 50%; + background: var(--dutch-blue); + cursor: pointer; + border: 3px solid #FFFFFF; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); +} + +.slider-labels { + display: flex; + justify-content: space-between; + margin-top: 0.5rem; + font-size: 0.875rem; + color: var(--light-text-color); +} + +.price-display { + margin-bottom: 2.5rem; + padding: 2rem; + background: linear-gradient(135deg, rgba(33, 70, 139, 0.05) 0%, rgba(174, 28, 40, 0.05) 100%); + border-radius: 12px; + border: 2px solid var(--dutch-blue); +} + +.price-amount { + display: flex; + align-items: baseline; + justify-content: center; + margin-bottom: 0.5rem; +} + +.currency { + font-size: 2rem; + color: var(--text-color); + margin-right: 0.25rem; +} + +.price-value { + font-size: 4rem; + font-weight: 700; + color: var(--dutch-red); +} + +.price-period { + font-size: 1.25rem; + color: var(--light-text-color); + margin-left: 0.5rem; +} + +.price-description { + font-size: 1.125rem; + color: var(--dutch-blue); + font-weight: 600; + margin: 0; +} + +.pricing-calculator .cta-btn { + padding: 1rem 3rem; + font-size: 1.125rem; +} + /* Use Cases Section */ .use-cases-section { padding: 80px 20px; - background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%); + background: linear-gradient(135deg, rgba(174, 28, 40, 0.02) 0%, rgba(33, 70, 139, 0.02) 100%); text-align: center; } @@ -135,7 +268,9 @@ .use-case-card:hover { transform: translateY(-8px); - box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); + box-shadow: 0 8px 30px rgba(174, 28, 40, 0.15); + border-left: 4px solid var(--dutch-red); + border-right: 4px solid var(--dutch-blue); } .use-case-icon { @@ -160,9 +295,10 @@ /* CTA Section */ .cta-section { padding: 100px 20px; - background: linear-gradient(135deg, var(--primary-color) 0%, #0052CC 100%); + background: linear-gradient(135deg, var(--dutch-blue) 0%, var(--dutch-blue-dark) 100%); text-align: center; - color: white; + color: var(--dutch-white); + border-top: 6px solid var(--dutch-red); } .cta-content { @@ -172,13 +308,13 @@ .cta-section h2 { font-size: 2.75rem; - color: white; + color: var(--dutch-white); margin-bottom: 1rem; } .cta-section p { font-size: 1.25rem; - color: rgba(255, 255, 255, 0.9); + color: rgba(255, 255, 255, 0.95); margin-bottom: 2.5rem; } @@ -186,17 +322,20 @@ padding: 1rem 2.5rem; font-size: 1.125rem; font-weight: 600; - background-color: white; - color: var(--primary-color); + background-color: var(--dutch-white); + color: var(--dutch-blue); border-radius: 8px; text-decoration: none; display: inline-block; - transition: transform 0.3s ease, box-shadow 0.3s ease; + transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; + border: 2px solid var(--dutch-red); } .cta-btn:hover { transform: translateY(-2px); - box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); + box-shadow: 0 8px 20px rgba(174, 28, 40, 0.3); + background-color: var(--dutch-red); + color: var(--dutch-white); } /* Responsive Design */ diff --git a/retoors/static/css/components/login.css b/retoors/static/css/components/login.css index 0893a04..60f0bc1 100644 --- a/retoors/static/css/components/login.css +++ b/retoors/static/css/components/login.css @@ -42,7 +42,7 @@ } .forgot-password-link:hover { - color: var(--accent-color); + color: var(--dutch-red); text-decoration: underline; } @@ -60,7 +60,7 @@ } .create-account-link a:hover { - color: var(--accent-color); + color: var(--dutch-red); text-decoration: underline; } diff --git a/retoors/static/css/components/pricing.css b/retoors/static/css/components/pricing.css deleted file mode 100644 index ffdbfef..0000000 --- a/retoors/static/css/components/pricing.css +++ /dev/null @@ -1,176 +0,0 @@ -/* Styles for the Pricing Page (pricing.html) */ - -.pricing-hero { - text-align: center; - padding: 40px 20px; - margin-bottom: 40px; -} - -.pricing-hero h1 { - font-size: 3rem; - color: var(--text-color); - margin-bottom: 1rem; -} - -.pricing-hero p { - font-size: 1.2rem; - color: var(--light-text-color); - margin-bottom: 30px; -} - -.pricing-toggle { - display: inline-flex; - border-radius: 5px; - overflow: hidden; - border: 1px solid var(--border-color); -} - -.pricing-toggle .btn-toggle { - padding: 10px 20px; - border: none; - background-color: var(--card-background); - color: var(--text-color); - font-size: 1rem; - cursor: pointer; - transition: background-color 0.3s ease, color 0.3s ease; -} - -.pricing-toggle .btn-toggle.active { - background-color: var(--primary-color); - color: white; -} - -.pricing-toggle .btn-toggle:hover:not(.active) { - background-color: var(--background-color); -} - -.pricing-tiers { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 30px; - max-width: 1200px; - margin: 0 auto 60px auto; - padding: 0 20px; -} - -.pricing-card { - background-color: var(--card-background); - border-radius: 8px; - box-shadow: 0 4px 15px var(--shadow-color); - padding: 30px; - text-align: center; - display: flex; - flex-direction: column; - justify-content: space-between; - transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -} - -.pricing-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); -} - -.pricing-card.featured { - border: 2px solid var(--primary-color); - transform: scale(1.02); -} - -.pricing-card h3 { - font-size: 1.8rem; - color: var(--text-color); - margin-bottom: 15px; -} - -.pricing-card .price { - font-size: 3.5rem; - font-weight: 700; - color: var(--primary-color); - margin-bottom: 20px; -} - -.pricing-card .price span { - font-size: 1.2rem; - font-weight: 400; - color: var(--light-text-color); -} - -.pricing-card ul { - list-style: none; - padding: 0; - margin-bottom: 30px; - text-align: left; -} - -.pricing-card ul li { - margin-bottom: 10px; - color: var(--text-color); - font-size: 1rem; - display: flex; - align-items: center; -} - -.pricing-card ul li::before { - content: '✓'; /* Checkmark icon */ - color: var(--accent-color); - margin-right: 10px; - font-weight: bold; -} - -.pricing-card .btn-primary { - margin-top: auto; /* Push button to the bottom */ - width: 100%; - padding: 12px 20px; - font-size: 1.1rem; -} - -.pricing-faq { - max-width: 800px; - margin: 0 auto 60px auto; - padding: 0 20px; -} - -.pricing-faq h2 { - text-align: center; - font-size: 2.5rem; - color: var(--text-color); - margin-bottom: 40px; -} - -.faq-item { - background-color: var(--card-background); - border-radius: 8px; - box-shadow: 0 2px 10px var(--shadow-color); - padding: 20px; - margin-bottom: 20px; -} - -.faq-item h3 { - font-size: 1.3rem; - color: var(--text-color); - margin-bottom: 10px; -} - -.faq-item p { - font-size: 1rem; - color: var(--light-text-color); - line-height: 1.6; -} - -/* Responsive adjustments */ -@media (max-width: 768px) { - .pricing-hero h1 { - font-size: 2.5rem; - } - .pricing-hero p { - font-size: 1rem; - } - .pricing-tiers { - grid-template-columns: 1fr; - } - .pricing-card.featured { - transform: none; /* Remove scale on small screens */ - } - .pricing-faq h2 { - font-size: 2rem; - } -} \ No newline at end of file diff --git a/retoors/static/css/components/register.css b/retoors/static/css/components/register.css index 3e128a8..b57d2a9 100644 --- a/retoors/static/css/components/register.css +++ b/retoors/static/css/components/register.css @@ -44,16 +44,16 @@ margin-right: 10px; width: 18px; height: 18px; - accent-color: var(--accent-color); /* Style checkbox with accent color */ + accent-color: var(--dutch-red); } .terms-checkbox a { - color: var(--primary-color); + color: var(--dutch-blue); font-weight: 500; } .terms-checkbox a:hover { - color: var(--accent-color); + color: var(--dutch-red); text-decoration: underline; } @@ -71,7 +71,7 @@ } .login-link a:hover { - color: var(--accent-color); + color: var(--dutch-red); text-decoration: underline; } diff --git a/retoors/static/css/components/security.css b/retoors/static/css/components/security.css deleted file mode 100644 index 50a5c92..0000000 --- a/retoors/static/css/components/security.css +++ /dev/null @@ -1,142 +0,0 @@ -/* Styles for the Security Page (security.html) */ - -.security-hero { - text-align: center; - padding: 40px 20px; - margin-bottom: 60px; -} - -.security-hero h1 { - font-size: 3rem; - color: var(--text-color); - margin-bottom: 1rem; -} - -.security-hero p { - font-size: 1.2rem; - color: var(--light-text-color); - max-width: 800px; - margin: 0 auto; -} - -.security-pillars { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 30px; - max-width: 1200px; - margin: 0 auto 60px auto; - padding: 0 20px; -} - -.pillar-card { - background-color: var(--card-background); - border-radius: 8px; - box-shadow: 0 4px 15px var(--shadow-color); - padding: 30px; - text-align: center; - transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -} - -.pillar-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); -} - -.pillar-card img.icon { - width: 80px; - height: 80px; - margin-bottom: 20px; -} - -.pillar-card h3 { - font-size: 1.5rem; - color: var(--text-color); - margin-bottom: 15px; -} - -.pillar-card p { - font-size: 1rem; - color: var(--light-text-color); - line-height: 1.6; -} - -.security-certifications { - text-align: center; - margin-bottom: 60px; -} - -.security-certifications h2 { - font-size: 2.5rem; - color: var(--text-color); - margin-bottom: 40px; -} - -.cert-grid { - display: flex; - justify-content: center; - flex-wrap: wrap; - gap: 40px; -} - -.cert-item { - display: flex; - flex-direction: column; - align-items: center; - gap: 10px; -} - -.cert-item img.cert-logo { - height: 60px; - width: auto; -} - -.cert-item p { - font-size: 1.1rem; - color: var(--text-color); - font-weight: 500; -} - -.security-cta { - text-align: center; - padding: 40px 20px; - background-color: var(--background-color); - border-radius: 8px; - margin-bottom: 40px; -} - -.security-cta h2 { - font-size: 2rem; - color: var(--text-color); - margin-bottom: 30px; -} - -/* Responsive adjustments */ -@media (max-width: 768px) { - .security-hero h1 { - font-size: 2.5rem; - } - .security-hero p { - font-size: 1rem; - } - .security-certifications h2 { - font-size: 2rem; - } - .security-cta h2 { - font-size: 1.8rem; - } -} - -@media (max-width: 480px) { - .security-hero h1 { - font-size: 2rem; - } - .pillar-card { - padding: 20px; - } - .cert-grid { - gap: 20px; - } - .cert-item img.cert-logo { - height: 50px; - } -} \ No newline at end of file diff --git a/retoors/static/css/components/solutions.css b/retoors/static/css/components/solutions.css deleted file mode 100644 index d987966..0000000 --- a/retoors/static/css/components/solutions.css +++ /dev/null @@ -1,135 +0,0 @@ -/* Styles for the Solutions Page (solutions.html) */ - -.solutions-hero { - text-align: center; - padding: 40px 20px; - margin-bottom: 60px; -} - -.solutions-hero h1 { - font-size: 3rem; - color: var(--text-color); - margin-bottom: 1rem; -} - -.solutions-hero p { - font-size: 1.2rem; - color: var(--light-text-color); - max-width: 800px; - margin: 0 auto; -} - -.solution-sections { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 30px; - max-width: 1200px; - margin: 0 auto 60px auto; - padding: 0 20px; -} - -.solution-card { - background-color: var(--card-background); - border-radius: 8px; - box-shadow: 0 4px 15px var(--shadow-color); - padding: 30px; - text-align: left; - display: flex; - flex-direction: column; - transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -} - -.solution-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); -} - -.solution-card img.icon { - width: 60px; - height: 60px; - margin-bottom: 20px; - align-self: center; /* Center the icon */ -} - -.solution-card h2 { - font-size: 1.8rem; - color: var(--text-color); - margin-bottom: 15px; - text-align: center; -} - -.solution-card p { - font-size: 1rem; - color: var(--light-text-color); - line-height: 1.6; - margin-bottom: 20px; -} - -.solution-card ul { - list-style: none; - padding: 0; - margin-bottom: 20px; -} - -.solution-card ul li { - margin-bottom: 8px; - color: var(--text-color); - font-size: 0.95rem; - display: flex; - align-items: flex-start; -} - -.solution-card ul li::before { - content: '•'; /* Bullet point */ - color: var(--accent-color); - margin-right: 10px; - font-weight: bold; - font-size: 1.2em; - line-height: 1; -} - -.solution-card .btn-primary { - margin-top: auto; /* Push button to the bottom */ - align-self: center; /* Center the button */ - padding: 10px 20px; - font-size: 1rem; -} - -.solutions-cta { - text-align: center; - padding: 40px 20px; - background-color: var(--background-color); - border-radius: 8px; - margin-bottom: 40px; -} - -.solutions-cta h2 { - font-size: 2rem; - color: var(--text-color); - margin-bottom: 30px; -} - -/* Responsive adjustments */ -@media (max-width: 768px) { - .solutions-hero h1 { - font-size: 2.5rem; - } - .solutions-hero p { - font-size: 1rem; - } - .solution-sections { - grid-template-columns: 1fr; - } - .solutions-cta h2 { - font-size: 1.8rem; - } -} - -@media (max-width: 480px) { - .solutions-hero h1 { - font-size: 2rem; - } - .solution-card { - padding: 20px; - } -} \ No newline at end of file diff --git a/retoors/static/js/components/order.js b/retoors/static/js/components/order.js index 2829529..745d646 100644 --- a/retoors/static/js/components/order.js +++ b/retoors/static/js/components/order.js @@ -88,9 +88,9 @@ document.addEventListener('DOMContentLoaded', () => {
- + - ${user.parent_email === null ? `` : ''} + ${user.parent_email === null ? `` : ''}
`; userQuotaList.appendChild(quotaItem); diff --git a/retoors/static/js/components/users.js b/retoors/static/js/components/users.js index 66405d9..7375baa 100644 --- a/retoors/static/js/components/users.js +++ b/retoors/static/js/components/users.js @@ -34,8 +34,8 @@ document.addEventListener('DOMContentLoaded', () => {
View Details Edit Quota - - ${user.parent_email === null ? `` : ''} + + ${user.parent_email === null ? `` : ''}
`; userQuotaList.appendChild(quotaItem); diff --git a/retoors/templates/components/navigation.html b/retoors/templates/components/navigation.html index d29eb10..8fa11e2 100644 --- a/retoors/templates/components/navigation.html +++ b/retoors/templates/components/navigation.html @@ -5,9 +5,6 @@ Retoor's