aln/edu
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

dykta dykta 80%
Deploy to FTP / deploy (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Sebastian Molenda
2026-05-21 22:33:21 +02:00
parent 07c76346c9
commit 113a762cf1
4 changed files with 375 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+29
View File
@@ -128,3 +128,32 @@ body{
.next-line-btn{position:absolute;bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));right:20px;width:64px;height:64px;border-radius:50%;background:var(--accent);color:white;font-size:26px;border:none;box-shadow:0 4px 20px rgba(43,108,176,.38);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}
.next-line-btn:disabled{opacity:.3;cursor:default}
/* ── Dyktando ── */
.blank-progress{font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;flex-shrink:0}
.dyk-body{flex:1;display:flex;flex-direction:column;overflow:hidden}
.dyk-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dyk-text{padding:20px;font-size:20px;line-height:1.9}
/* inline blank spans */
.dyk-blank{display:inline;font-weight:700}
.dyk-blank--pending{color:#dc2626;border-bottom:2px solid #dc2626}
.dyk-blank--active{color:#dc2626;background:#fee2e2;border-radius:4px;padding:0 2px;animation:dyk-pulse 1s ease-in-out infinite}
.dyk-blank--ok{color:#16a34a;font-weight:700}
.dyk-blank--err{color:#dc2626;font-weight:700}
@keyframes dyk-pulse{0%,100%{opacity:1}50%{opacity:.4}}
/* choice buttons */
.dyk-choices{flex-shrink:0;display:flex;gap:12px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:white;border-top:2px solid #e6e9ef}
.dyk-choices.hidden{display:none}
.choice-btn{flex:1;padding:18px 8px;border-radius:14px;border:2px solid var(--accent);background:white;font-size:24px;font-weight:700;cursor:pointer;color:var(--accent);font-family:inherit;transition:background .12s,color .12s}
.choice-btn:hover,.choice-btn:active{background:var(--accent);color:white}
/* summary */
.dyk-summary{padding:20px}
.dyk-summary-text{font-size:20px;line-height:1.9;margin-bottom:20px}
.summary-score{font-size:18px;font-weight:700;text-align:center;color:#111;margin:0 0 20px}
.dyk-summary-back{display:block;width:100%;margin-bottom:32px}
.dyk-word--ok{color:#16a34a;font-weight:700}
.dyk-word--err{color:#dc2626;font-weight:700}