From a6a31ecde0c2f9170ca7bf7177e31bb189c33406 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Sun, 21 Dec 2025 18:05:55 +0000 Subject: [PATCH] 0.2 --- core/__pycache__/admin.cpython-311.pyc | Bin 212 -> 1125 bytes core/__pycache__/models.cpython-311.pyc | Bin 209 -> 2932 bytes core/__pycache__/urls.cpython-311.pyc | Bin 347 -> 556 bytes core/__pycache__/views.cpython-311.pyc | Bin 1364 -> 1416 bytes core/admin.py | 12 +- core/migrations/0001_initial.py | 38 ++++ .../__pycache__/0001_initial.cpython-311.pyc | Bin 0 -> 2406 bytes core/models.py | 32 ++- core/templates/base.html | 66 +++++-- core/templates/core/index.html | 176 ++++------------- core/urls.py | 8 +- core/views.py | 31 +-- static/css/custom.css | 175 ++++++++++++++++- staticfiles/css/custom.css | 184 ++++++++++++++++-- 14 files changed, 520 insertions(+), 202 deletions(-) create mode 100644 core/migrations/0001_initial.py create mode 100644 core/migrations/__pycache__/0001_initial.cpython-311.pyc diff --git a/core/__pycache__/admin.cpython-311.pyc b/core/__pycache__/admin.cpython-311.pyc index cd6f855b12f4883b1ba9de01c54245c53aacd714..b50190be3bbddafe4e9f2fcfcd2d1b1ef9a54a92 100644 GIT binary patch literal 1125 zcma)4OHUL*5U%cdFbk|8Z%s7B1d=((Mh_m;m>3S4C>-=Qm&q{Qz~DUAo|!1OJ@5m# z@eeSDpJAd`N%lbcMB<6t5;$?PYKA4?a`UY9CmMSoK(H7R<}n6>3nS)<;TehPnG85cwq^ATrLm7(2e|9S;SC6L2ZV)LeOA~v zFb8+N_VMqa?|?V-52JYtqm7J1|IO$K=Oeg{6Z(eBv=xXXN>AvFF4y*Q9LcoM=5mnB z@ah<7^qV-FL1zyncuauD1@jESJyRG+YU+`?{xxx;Yot-$k6>j?L zk&H$D9nO#mE*`fwvqZMawK6Trmi#KivdC2HOQt^M?I4t`FjKNsHNMo|Rt}wkz{H); zA#|>uDNkj-^LJbo{hT)}%sN$SI;C zmf8;MDcE@t6lJbPkruTgc6G0|XUV3cuDZ5rl5>Y(j9?r=k5oFXM{yyQx=XJo2&x9A z$f7w`KqJT>AYAYI19m;J*m-v}_2hc%RJ7_g^c}Gkq#M~%n5Bh^))ZY|ZR5yfoGZHj zimtbIl-$5^QF|*Ct2(dsu0DVBNEgn_dg!mzJXX_<%YPvB493_I%>Tam8+=nI9J8^` z^v=Uw`;g6c*=&z4kahc%r!`eN;NHNQ^O#mMgU-Yzm(InqLO_q zN`$12;toulV`}U-0leUza+qM|0B`vOT)0C4M`06(M&%g|6}sQ|#^$ma8p}=R6g?NC zPiP7ZsIkXc^^vw9rD!abRcXx3ncjsZ<`P9sS4D9-Xr8|JaP5QLG(2IRtA?6amP+n( z`)EB84KcSUqGeHJUQvXtax%{SqPUooWRs(!>&z3Mlhn~Pl?mfT^#de%jTo9Vfnq$F zuz;aso(afZli`A3V6a$VSkmc4IzvsmH>FY_5K+?AcG>r*^;}^#TGWxdE6t+MfXV zqo?X?FZ5S@?ZrWOX4dYm-`(yh`TEN~Aok~ntNzZyXvN=Il#0@ZYi)jgetY~~OUXZ4 z_5*n|KT`E~pg>3QJ9r+iCD)VNLvP6rh$PDXM8%%~kziM0rV{KbE*2Lz&aXXPf4bfG zmXw0=axh*A#`AZo;mfOSmGI^5zEXIg93H5I2lDr74qiB4<4%KlFg(-QmAnkseX^3F zz3|XDY$q$)QV)Vr5A|Mvb>t%U#)=@0Ex}UnX5BVwIW1Z);@DqJ@N^ zTeOl0)L%1m#3hY3+zsX(j{PZso(`^3l zLukDhVO*E=oW>jv$3_x>3siwd_Tb_8$S^jvtVRiQ0c-ef;touxLek1?BI;5*!AZ3X z;X{Or2)ziOA$*PyMK~%j<~=s2ehMs%zBUYSqRv9CtBb3P#kOCTo-dU`-33QAe7<-c zp6}Ogt=}qzuN0isNV`!+OKVf>Q>93>;KIkW(+9gP8+N)U(z;AlHxN`0QhjK>JCVyw zQ*{^Jn@|IQOh^G8+A8y86%oFKRHw|ZQrYMe*o>Id4ACxjvwClKrRK8f6xEoE&>1Nw z>&!PywUnA((9>B(#Wvp1jj^5KyZ;eDV>f;Yl?UA!+pjTRa=+RkLu`p<+ZWy7mk%8j z6~l4nH5R&YwsRnEc5SnPVMkl`<1y<^xEm#q3{5!FR*76Hg>J%cgS^U`vy%I!5x7LO z&3d8eE%RYdjhjbRF}P|sf^pej>4PojDY zWidOLQ#0~Sy^ISVIT5p~D02+~J+>r|`U%nyuzs}`h}Ln|)NFR);~IAwRwpa1SND){ zaLn~`kxSS}FK*!T;J4VT*xOVoJX8)3Rl-C0dsSdxfmm%^hv$cK&y7mYjd!-4zEWhY z92u)b#`5>8fv&=2CD2v;al7r0uASLZV6q$l!eoB58t6n;XVvW~@P%tX`Br?@=GJP{ zg-X*Uz~`ZwM+iFiIDi9${AkV3HTRsdSdR2nB7I=$zq{1_TBZ!F^X?%U=E`%Cp6h-1=f zKLgb4JkM9Tj#A^V%Jr8Te>I1jhY!|iC`_(Q?IHc(nAy_I!wFAAp?~G}9?}oaU>Y&_ E7lkCIeE&SrZc24q%h_%Y=G)Yb5iY! aIDle|KwK<4`5~7S_XP$SASz-5iU0sNBOveq diff --git a/core/__pycache__/urls.cpython-311.pyc b/core/__pycache__/urls.cpython-311.pyc index 1f807fae1897c89361c99c5e868a26d00799b73f..b4418581b9e87ceccb0f66d6d31484a35aa32555 100644 GIT binary patch literal 556 zcmZ`#J5R$f5VjMi532C!3PG%uP`yXufcZeZ|0~BHx zW5f(*21aPQW=LFuk%2g71hjc-P3R9`JWm|Nte3)r2?(4o8FPxD$-kV^Z_csd7Fc-? z)u!Hcks4N{SUZL)Z%2$@?EAc{<~Bv@w*%hfspkh{2r0|gam|XnkYCMuUpaKm zkJ8o7*}9tkMh@ASwo@yr3On_pbYhlc?fUk=xko8!} zHK?J9F&>}=`Ew5tm4EGF0a@i<^QJ28#hZiNUhLaTxxIAXm4x;Q%?TZlQm-k?^U`TZ hr=B~FzO#}$D{^C3l2)Iza?%=F=8Vy+=p|;Mhfj|ClK}t# literal 347 zcmZ3^%ge<81P9W8Wn=;A#~=<2utFK1ZGepF3@HpLj5!Rsj8Tk?3@J=0%sEWC%u&pY z3``8Ej43Rs%qgsE*p@LfFsue*2uNp)Vo6~SX3*q#2@=p`yv0(GSd#IQ5z5KP&rQ9> zPz16EB$t<%o9d^@dW$$>F9%u(l1Ra%_}L@PpwEzE-lF~(l5_1$}TQQOitBL&MyK=1I^PbsQkrYlbfGX znv-f*#0S(2a!j!okodsN$jEquLFNJ~dcYul0Tq2nJnvP&w&>)p`%`3crSEgMZ{}z+HzGjrm;()k|m@f56Z1V=XXZIYRTh zxmo>(yC?6wZ#AySo&r!5uYsNQU0cf<)h2+ytU+YPRIO{w;SAD8i59)Ba;hDHlGzT z)jldSggCA(1R+9&GCVxIvNKkk^F3CqOjpW5rO2wxsRTYRF8O>xEZPn$hN*rCSr>)H zNBjt!s}1c|qOjkyG|0tmfIlm!(Kq_)+>4QyBU^o=8+{jGe!3t1>!}~+>9-T#&GX;P z^PA?_mO1v_9RFsHe|fxVPHvf#_0;p!W_qyEGf+R$g4cH$BMI3ItF{&OpLnueY@ z(M10T{6u_TN5jX(Z}ow=v)!p`16>}y%7c>Qvc2b18w|5=M|?uVcNKR0RNml&%Famz zLkdg<-3men!q85st%4jZaSR}i3(C`9Sh=IVNMC79U-n+-I$(K(w&5<`Iw!t?Imio3lh>czO&LI!@|TuH%hUh$T{~CE!96oTjQ1oHkCdQ%ZHHPf-Q6#oP5Eq{V!1Q7#*Ku^61OfEk4%~~s}guETzy!YnKoA>c! z|CpMZL_mL+PRlpL2>m0JfI>sz+l$SscSs^=|k4VB6wxYJ2mwh>6 zP1s6a0Xh0B%Et_88>QrbMYzqB#N#E*3Oks3CUHQODRvA@K~k7$;|6iCE(zZu#bJlk z(8(RJK1WUTVt6pV9fEo^GQIeJgpqaJXHRNMhV;}glZK3tBN^en5Q~o7QAND#(>piA zMx+^HvEUS;@pC3}9#TaPq;a2SxGAxj;0&RP639l>kPjiNqhJ8&1AY_l`WecBvKL`< zK_mp-GGfihA=Gg+ss)BI*;w21yRNY^)~upqm`+Labc(T~)l62_EK-D_XmFxoXUC+( zv9ZH61GA!Od6`C{=(;tt(Wqy1VsquT>;5P-9=l@|nMF#b-iU4DnzqgA7Upvgw;tSE z&pj%9yS|;<+IaYA=m{Nfc9(G8LP76tKq2MQk+Efgahls~zxB^Y15iq2p ze1hU%s@P+67IZo#*hj*3LMINxyUY_2H9@DJWy{3I+3Mq}!>U=li}flaG+QI|spl4T zob~hDF>%eyxOE;8-gFVJ3n+TO18bo->ila}J65%hy4+QlU#ly}>PkmVchz)jqo<`_ z{(P+6Xlpn2)BEXH3$5?^ljojY`z`Y<)5;BG^zo;?`Q?6crISo|lj(kPxtsi=lf2$d zUhiF8=v}zfU%GryZ>QE?g*r>Q?ozJ5xODJS`|4MJebZUI)m^+bn2pWI0|cyf_w9L< zIJbYby>RVisS{uA##h^s)e}e(07x&wM(2TX`E06G0Q9V<>X{|ul?i3g0?%(HPYlgf z1`zb;;Me{qqL;+gPk@~&H*I26ExbmrfGYk1-V0)j})*i9xG5I=T;WhXG1jIg;mw2O4&bi#Kh zY-mD}B9qEpC^IRX$wUQ33Q9`K)yx&lR-Q>kCy%LIWb$@T0vpJTvv>FQ?c2BS=i9d{ z{odUj7N9-3b59ong77yRbeg}-yqN^%7Xb-KG=zc(y<|vLU%^+E3$iFk!i<1?KMF|3 zzDj3}@X{v;f5PXrf**-t;@S;d+_FGiTTFd zZ$Uz0!B-LrvLs-CMd>U+67qp0PzfGML?j{^`5Veh8RCG?Ys(S}aLrIhf`Ta22)_g` zf5La972#SO8zw_tV6VH;^L|!f?c51#B8q}$tkHYQ?|H5nX}bU{;puB!IA!r7*Xugg zYs6oQ5FLD8Tb4>n(1|F&R^-2Ot|0bfV z=o=$1V!aMu>5>z&s77PC8un$yr>^nHQhM) zhx1d6&-g5s2UY5({)1dxm2;YnX}Abfb#%wT8(}6%&oiDz zxZJE)m#}s48LZog@Yy_# zKR*KuHj!?YtQ%nOfSpyU%z1WX8Yq@)dJ#i%2rp}O!{OlZ8eMnx~V%*473YjNEBhSsAJn=7bcD5c=bGBx1zU zlq+kN$A)<&w8iuIx#O|jlMvLrUd3&#X^3AhnO{Q@DyX8Fr5csc5)JY!7zlyf_*`y$ za*Bp)tGInH{~^2q-@@B3v*lV9XX{IK)2V0ib6kW-tn9OzwPLSoMVw{mWRLIj?C9v| zr)oRDk=1pJ-P4?~qiFZTHM@EAyz1%QoN38opRzgI3JRgrPhmHBWj~g96}v#j*;)4kmO=Bx#%VrNmS*tgKTziyKnc}-WXZLB)Qy7F1yKP5-sh=l4M|bYuX(c z-X7aQ|wsdRqQ)DEwLg za>z*Q;&Ddt56B2iXPN2j&h5R&Bvojp3T~=Eq6_=6DW+PdTR50Np)ds~9=gE%EY_pLO~x}vngx&cFa&FLYhAc<9_cg`da9@ycz6S>dMc z1NS!gxpxk~ux4S%eoE~nAT6ILiY-MDuM#2cz5Bu~a@N~YQliolPLmg5H+uawn>ajU HmdEff^zw?q literal 0 HcmV?d00001 diff --git a/core/models.py b/core/models.py index 71a8362..e3d3850 100644 --- a/core/models.py +++ b/core/models.py @@ -1,3 +1,33 @@ from django.db import models +from django.utils.translation import gettext_lazy as _ -# Create your models here. +class Client(models.Model): + name = models.CharField(_("Name"), max_length=200) + email = models.EmailField(_("Email"), max_length=254, unique=True) + phone = models.CharField(_("Phone"), max_length=20, blank=True, null=True) + address = models.TextField(_("Address"), blank=True, null=True) + created_at = models.DateTimeField(auto_now_add=True) + + def __str__(self): + return self.name + +class Case(models.Model): + class CaseStatus(models.TextChoices): + OPEN = 'OPEN', _('Open') + CLOSED = 'CLOSED', _('Closed') + PENDING = 'PENDING', _('Pending') + + case_title = models.CharField(_("Case Title"), max_length=200) + case_number = models.CharField(_("Case Number"), max_length=50, unique=True) + client = models.ForeignKey(Client, on_delete=models.CASCADE, related_name='cases') + status = models.CharField( + _("Status"), + max_length=10, + choices=CaseStatus.choices, + default=CaseStatus.OPEN, + ) + description = models.TextField(_("Description")) + created_at = models.DateTimeField(auto_now_add=True) + + def __str__(self): + return f"{self.case_number}: {self.case_title}" \ No newline at end of file diff --git a/core/templates/base.html b/core/templates/base.html index 1e7e5fb..f6fcb2b 100644 --- a/core/templates/base.html +++ b/core/templates/base.html @@ -1,25 +1,61 @@ - - - {% block title %}Knowledge Base{% endblock %} + + + + + {% block title %}PI Case Management{% endblock %} + + + + + + + + + + {% load static %} + + {% if project_description %} - - - + + {% endif %} {% if project_image_url %} - - + {% endif %} - {% load static %} - - {% block head %}{% endblock %} + - - {% block content %}{% endblock %} - - +
+
+ PI Case Master + + +
+
+ +
+ {% block content %} + {% endblock %} +
+ +
+
+ © {% now "Y" %} PI Case Master. All rights reserved. +
+
+ + + + \ No newline at end of file diff --git a/core/templates/core/index.html b/core/templates/core/index.html index faec813..5c4de71 100644 --- a/core/templates/core/index.html +++ b/core/templates/core/index.html @@ -1,145 +1,39 @@ -{% extends "base.html" %} +{% extends 'base.html' %} +{% load static %} -{% block title %}{{ project_name }}{% endblock %} - -{% block head %} - - - - -{% endblock %} +{% block title %}Dashboard - PI Case Management{% endblock %} {% block content %} -
-
-

Analyzing your requirements and generating your app…

-
- Loading… +
+

Case Dashboard

+

Welcome to your private investigation case management system.

+ Add New Case +
+ +

Active Cases

+ +
+ {% for case in cases %} +
+
+
+
{{ case.case_title }}
+
Case #{{ case.case_number }}
+

Client: {{ case.client.name }}

+

Status: {{ case.get_status_display }}

+

{{ case.description|truncatewords:20 }}

+
+
+ View Details +
+
-

AppWizzy AI is collecting your requirements and applying the first changes.

-

This page will refresh automatically as the plan is implemented.

-

- Runtime: Django {{ django_version }} · Python {{ python_version }} - — UTC {{ current_time|date:"Y-m-d H:i:s" }} -

-
-
-
- Page updated: {{ current_time|date:"Y-m-d H:i:s" }} (UTC) -
-{% endblock %} \ No newline at end of file + {% empty %} +
+ +
+ {% endfor %} + +{% endblock %} diff --git a/core/urls.py b/core/urls.py index 6299e3d..ae08b9a 100644 --- a/core/urls.py +++ b/core/urls.py @@ -1,7 +1,7 @@ from django.urls import path - -from .views import home +from .views import IndexView, ArticleDetailView urlpatterns = [ - path("", home, name="home"), -] + path("", IndexView.as_view(), name="index"), + path("article/", ArticleDetailView.as_view(), name="article_detail"), +] \ No newline at end of file diff --git a/core/views.py b/core/views.py index c9aed12..7a7a8cc 100644 --- a/core/views.py +++ b/core/views.py @@ -1,25 +1,14 @@ -import os -import platform - -from django import get_version as django_version from django.shortcuts import render -from django.utils import timezone +from django.views.generic import TemplateView, DetailView +from .models import Case +class IndexView(TemplateView): + template_name = 'core/index.html' -def home(request): - """Render the landing screen with loader and environment details.""" - host_name = request.get_host().lower() - agent_brand = "AppWizzy" if host_name == "appwizzy.com" else "Flatlogic" - now = timezone.now() + def get_context_data(self, **kwargs): + context = super().get_context_data(**kwargs) + context['cases'] = Case.objects.all().order_by('-created_at') + return context - context = { - "project_name": "New Style", - "agent_brand": agent_brand, - "django_version": django_version(), - "python_version": platform.python_version(), - "current_time": now, - "host_name": host_name, - "project_description": os.getenv("PROJECT_DESCRIPTION", ""), - "project_image_url": os.getenv("PROJECT_IMAGE_URL", ""), - } - return render(request, "core/index.html", context) +class ArticleDetailView(DetailView): + template_name = 'core/article_detail.html' \ No newline at end of file diff --git a/static/css/custom.css b/static/css/custom.css index 925f6ed..01273b1 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,4 +1,173 @@ -/* Custom styles for the application */ -body { - font-family: system-ui, -apple-system, sans-serif; +:root { + --primary-color: #2F3C7E; + --secondary-color: #FBEAEB; + --accent-color: #F08A5D; + --text-color: #333333; + --bg-color: #FFFFFF; + --heading-font: 'Poppins', sans-serif; + --body-font: 'Lato', sans-serif; +} + +body { + font-family: var(--body-font); + color: var(--text-color); + background-color: var(--bg-color); + line-height: 1.6; + margin: 0; + padding: 0; +} + +h1, h2, h3, h4, h5, h6, .navbar-brand, .display-4 { + font-family: var(--heading-font); + font-weight: 600; +} + +/* Mobile-first adjustments */ +h1 { + font-size: 2.5rem; /* Base font size for mobile */ +} + +h2 { + font-size: 2rem; +} + +p { + font-size: 1rem; +} + +.navbar-brand { + font-weight: 700; + font-size: 1.25rem; /* Smaller on mobile */ + color: var(--primary-color) !important; +} + +.hero-section { + background-color: var(--secondary-color); + padding: 2rem 1rem; /* More padding on mobile */ + text-align: center; +} + +.hero-section h1 { + color: var(--primary-color); + margin-bottom: 1rem; +} + +.hero-section p { + font-size: 1.1rem; + margin-bottom: 1.5rem; +} + +.btn { + padding: 0.75rem 1.5rem; + font-size: 1rem; + border-radius: 0.3rem; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + color: white; +} + +.btn-primary:hover { + background-color: #1e2a60; + border-color: #1e2a60; +} + +.btn-secondary { + background-color: var(--accent-color); + border-color: var(--accent-color); + color: white; +} + +.btn-secondary:hover { + background-color: #d87140; + border-color: #d87140; +} + +.case-card { + transition: transform .2s ease-in-out, box-shadow .2s ease-in-out; + border: 1px solid #ddd; + margin-bottom: 1rem; /* Space between cards on mobile */ +} + +.case-card:hover { + transform: translateY(-5px); + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); +} + +.case-card .card-title { + color: var(--primary-color); + font-weight: 700; + font-size: 1.25rem; /* Smaller on mobile */ +} + +.case-card .card-text { + font-size: 0.9rem; +} + +.card-footer { + background-color: #f9f9f9; + border-top: 1px solid #eee; + font-size: 0.85rem; +} + +.status-open { + background-color: #28a745 !important; + color: white; +} + +.status-closed { + background-color: #6c757d !important; + color: white; +} + +.status-pending { + background-color: #ffc107 !important; + color: black; +} + +/* Medium devices (tablets, 768px and up) */ +@media (min-width: 768px) { + h1 { + font-size: 3.5rem; /* Larger on tablets */ + } + + h2 { + font-size: 2.5rem; + } + + .navbar-brand { + font-size: 1.5rem; /* Default size */ + } + + .hero-section { + padding: 3rem 2rem; + } + + .case-card { + margin-bottom: 1.5rem; + } + + .case-card .card-title { + font-size: 1.5rem; /* Default size */ + } +} + +/* Large devices (desktops, 992px and up) */ +@media (min-width: 992px) { + h1 { + font-size: 4rem; /* Even larger on desktops */ + } + + .hero-section { + padding: 4rem 3rem; + } +} + +/* Extra large devices (large desktops, 1200px and up) */ +@media (min-width: 1200px) { + .hero-section { + padding: 5rem 4rem; + } } diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css index 108056f..01273b1 100644 --- a/staticfiles/css/custom.css +++ b/staticfiles/css/custom.css @@ -1,21 +1,173 @@ - :root { - --bg-color-start: #6a11cb; - --bg-color-end: #2575fc; - --text-color: #ffffff; - --card-bg-color: rgba(255, 255, 255, 0.01); - --card-border-color: rgba(255, 255, 255, 0.1); + --primary-color: #2F3C7E; + --secondary-color: #FBEAEB; + --accent-color: #F08A5D; + --text-color: #333333; + --bg-color: #FFFFFF; + --heading-font: 'Poppins', sans-serif; + --body-font: 'Lato', sans-serif; } + body { - margin: 0; - font-family: 'Inter', sans-serif; - background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end)); + font-family: var(--body-font); color: var(--text-color); - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - text-align: center; - overflow: hidden; - position: relative; + background-color: var(--bg-color); + line-height: 1.6; + margin: 0; + padding: 0; +} + +h1, h2, h3, h4, h5, h6, .navbar-brand, .display-4 { + font-family: var(--heading-font); + font-weight: 600; +} + +/* Mobile-first adjustments */ +h1 { + font-size: 2.5rem; /* Base font size for mobile */ +} + +h2 { + font-size: 2rem; +} + +p { + font-size: 1rem; +} + +.navbar-brand { + font-weight: 700; + font-size: 1.25rem; /* Smaller on mobile */ + color: var(--primary-color) !important; +} + +.hero-section { + background-color: var(--secondary-color); + padding: 2rem 1rem; /* More padding on mobile */ + text-align: center; +} + +.hero-section h1 { + color: var(--primary-color); + margin-bottom: 1rem; +} + +.hero-section p { + font-size: 1.1rem; + margin-bottom: 1.5rem; +} + +.btn { + padding: 0.75rem 1.5rem; + font-size: 1rem; + border-radius: 0.3rem; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + color: white; +} + +.btn-primary:hover { + background-color: #1e2a60; + border-color: #1e2a60; +} + +.btn-secondary { + background-color: var(--accent-color); + border-color: var(--accent-color); + color: white; +} + +.btn-secondary:hover { + background-color: #d87140; + border-color: #d87140; +} + +.case-card { + transition: transform .2s ease-in-out, box-shadow .2s ease-in-out; + border: 1px solid #ddd; + margin-bottom: 1rem; /* Space between cards on mobile */ +} + +.case-card:hover { + transform: translateY(-5px); + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); +} + +.case-card .card-title { + color: var(--primary-color); + font-weight: 700; + font-size: 1.25rem; /* Smaller on mobile */ +} + +.case-card .card-text { + font-size: 0.9rem; +} + +.card-footer { + background-color: #f9f9f9; + border-top: 1px solid #eee; + font-size: 0.85rem; +} + +.status-open { + background-color: #28a745 !important; + color: white; +} + +.status-closed { + background-color: #6c757d !important; + color: white; +} + +.status-pending { + background-color: #ffc107 !important; + color: black; +} + +/* Medium devices (tablets, 768px and up) */ +@media (min-width: 768px) { + h1 { + font-size: 3.5rem; /* Larger on tablets */ + } + + h2 { + font-size: 2.5rem; + } + + .navbar-brand { + font-size: 1.5rem; /* Default size */ + } + + .hero-section { + padding: 3rem 2rem; + } + + .case-card { + margin-bottom: 1.5rem; + } + + .case-card .card-title { + font-size: 1.5rem; /* Default size */ + } +} + +/* Large devices (desktops, 992px and up) */ +@media (min-width: 992px) { + h1 { + font-size: 4rem; /* Even larger on desktops */ + } + + .hero-section { + padding: 4rem 3rem; + } +} + +/* Extra large devices (large desktops, 1200px and up) */ +@media (min-width: 1200px) { + .hero-section { + padding: 5rem 4rem; + } }