diff --git a/index.html b/index.html index 1ad35c3..dffc768 100644 --- a/index.html +++ b/index.html @@ -18,6 +18,18 @@ --orange-light: #FFF3E0; --green: #2E7D32; --green-light: #E8F5E9; + --purple: #7B1FA2; + --purple-light: #F3E5F5; + --teal: #00897B; + --teal-light: #E0F2F1; + --lime: #558B2F; + --lime-light: #F1F8E9; + --pink: #C2185B; + --pink-light: #FCE4EC; + --indigo: #283593; + --indigo-light: #E8EAF6; + --amber: #FF8F00; + --amber-light: #FFF8E1; } * { box-sizing: border-box; margin: 0; padding: 0; } body { @@ -81,6 +93,12 @@ body { .filter-btn.code-uk.active { background: var(--red); border-color: var(--red); } .filter-btn.code-tk.active { background: var(--orange); border-color: var(--orange); } .filter-btn.code-nk.active { background: var(--green); border-color: var(--green); } +.filter-btn.code-gk.active { background: var(--purple); border-color: var(--purple); } +.filter-btn.code-zk.active { background: var(--teal); border-color: var(--teal); } +.filter-btn.code-ek.active { background: var(--lime); border-color: var(--lime); } +.filter-btn.code-sk.active { background: var(--pink); border-color: var(--pink); } +.filter-btn.code-zakon.active { background: var(--indigo); border-color: var(--indigo); } +.filter-btn.code-pravila.active { background: var(--amber); border-color: var(--amber); } .results-grid { display: grid; gap: 16px; @@ -113,6 +131,12 @@ body { .article.uk { background: var(--red-light); color: var(--red); } .article.tk { background: var(--orange-light); color: var(--orange); } .article.nk { background: var(--green-light); color: var(--green); } +.article.gk { background: var(--purple-light); color: var(--purple); } +.article.zk { background: var(--teal-light); color: var(--teal); } +.article.ek { background: var(--lime-light); color: var(--lime); } +.article.sk { background: var(--pink-light); color: var(--pink); } +.article.zakon { background: var(--indigo-light); color: var(--indigo); } +.article.pravila { background: var(--amber-light); color: var(--amber); } .article .code-label { font-size: 11px; font-weight: 600; } .violation-card .penalty { @@ -153,7 +177,7 @@ footer a { color: var(--cyan); text-decoration: none; }

📜 Нарушения законодательства РК

-

Опишите ситуацию или введите ключевые слова — найдём соответствующие статьи КоАП, УК, ТК и НК РК.

+

Опишите ситуацию или введите ключевые слова — найдём соответствующие статьи кодексов, законов и правил РК.