Alina_mussina/bonus-calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v12

Browse Source
This commit is contained in:
Dauren777 2026-06-19 07:17:29 +00:00
parent 220ad2fcdd
commit f065e408c7
1 changed files with 28 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
index.html
View File

@ -3,46 +3,42 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Перерасчет фактических дней и оклада работников по испытательному сроку для расчета текущего премирования</title>
<title>Перерасчет по испыт сроку</title>
<style>
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7}
:root{--ink:#1a1a2e;--cyan:#6c5ce7;--cyan-50:#f8f7ff;--white:#fff;--gray-500:#6c757d;--gray-100:#f1f3f5;--border:#e9ecef}
*{box-sizing:border-box;margin:0;padding:0}
body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
.container{max-width:1140px;margin:0 auto;padding:80px 24px}
.hero{background:var(--ink);color:var(--white)}
.hero h1{font-size:56px;font-weight:800;line-height:1.05;margin-bottom:24px}
.hero p{font-size:20px;color:#9aa3b2;max-width:600px;margin-bottom:32px}
.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none}
.btn:hover{background:#1be5ff}
.section h2{font-size:36px;font-weight:700;margin-bottom:24px}
.card{background:var(--gray-100);border-radius:16px;padding:32px;margin-bottom:16px}
@media (max-width:640px){.hero h1{font-size:36px}.section h2{font-size:28px}.container{padding:48px 20px}}
body{font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:#fafbfc}
.container{max-width:960px;margin:0 auto;padding:60px 24px}
.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:var(--white);text-align:center;padding:80px 24px}
.hero h1{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:-0.5px}
.hero p{font-size:18px;color:rgba(255,255,255,0.85);max-width:500px;margin:0 auto}
.btn{display:inline-block;background:var(--cyan);color:var(--white);padding:14px 32px;border-radius:10px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,92,231,0.4)}
.section{padding:48px 0}
.section h2{font-size:28px;font-weight:700;margin-bottom:24px;color:var(--ink)}
.card{background:var(--white);border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid var(--border)}
@media (max-width:640px){.hero h1{font-size:32px}.section h2{font-size:24px}.container{padding:40px 20px}.hero{padding:60px 20px}}
.form-group{margin-bottom:16px}
.form-group label{display:block;margin-bottom:8px;font-weight:600}
.form-group input,.form-group select{width:100%;padding:12px;border:2px solid var(--gray-100);border-radius:8px;font-size:16px}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--cyan)}
.btn-add{background:var(--cyan);color:var(--ink);padding:12px 24px;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-bottom:24px}
.btn-add:hover{background:#1be5ff}
.table-container{overflow-x:auto}
table{width:100%;border-collapse:collapse;margin-top:16px}
th,td{padding:12px;text-align:left;border-bottom:2px solid var(--gray-100)}
th{background:var(--gray-100);font-weight:600}
.btn-remove{background:#ff4757;color:white;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}
.btn-remove:hover{background:#ff3344}
.result-section{margin-top:32px;padding:24px;background:var(--cyan-50);border-radius:12px}
.result-section h3{margin-bottom:16px}
.result-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px;border-bottom:1px solid var(--gray-100)}
.result-item.excluded{color:#ff4757}
.result-item.included{color:#2ed573}
.total{font-weight:700;font-size:20px;margin-top:16px;padding-top:16px;border-top:2px solid var(--ink)}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--ink)}
.form-group input,.form-group select{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:10px;font-size:15px;transition:border-color 0.2s ease;background:var(--white)}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(108,92,231,0.1)}
.form-group small{display:block;margin-top:6px;font-size:13px;color:var(--gray-500)}
.btn-add{background:var(--gray-100);color:var(--ink);padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;margin-bottom:24px;transition:all 0.2s ease}
.btn-add:hover{background:var(--border)}
.result-section{margin-top:32px;padding:32px;background:var(--white);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid var(--border)}
.result-section h3{margin-bottom:20px;font-size:20px;color:var(--ink)}
.result-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;background:var(--gray-100);border-radius:10px}
.result-item.excluded{background:#fff5f5;border-left:4px solid #ff6b6b}
.result-item.included{background:#f8fff8;border-left:4px solid #51cf66}
.total{font-weight:700;font-size:24px;margin-top:24px;padding-top:24px;border-top:2px solid var(--border);color:var(--ink)}
</style>
</head>
<body>
<section class="hero">
<div class="container">
<h1>Перерасчет фактических дней и оклада работников по испытательному сроку для расчета текущего премирования</h1>
<p>Автоматический расчет премий с учетом испытательного срока. Исключает работников с незаконченным испытательным сроком и пересчитывает фактические рабочие дни.</p>
<h1>Перерасчет по испыт сроку</h1>
<p>Автоматический расчет премий с учетом испытательного срока</p>
<a class="btn" href="#calculator">Начать расчет</a>
</div>
</section>