public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

feat: add comprehensive analytics tracking and enhance practice links

Browse Source 
- Add tracking for: coming_soon_click, external_link, header_nav_click,
  footer_link, practice_link, expected_toggle
- Enhance practice links (.ref-see-also) with gradient background and
  button-like styling to encourage learning
- Simplify reference nav (remove sticky positioning)
This commit is contained in:
Michael Czechowski
2026-01-16 04:38:13 +01:00
parent 0a03d51e63
commit 4c56342cb7
2 changed files with 62 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/main.css
View File

@@ -2372,10 +2372,6 @@ input:checked + .toggle-slider::before {
background: var(--panel-bg);
border-radius: var(--border-radius-md);
margin-bottom: var(--spacing-lg);
position: sticky;
top: 0;
z-index: 10;
box-shadow: var(--shadow);
}
.ref-nav-link {
@@ -2532,20 +2528,28 @@ input:checked + .toggle-slider::before {
/* Cross-reference links in reference pages */
.ref-see-also {
margin-top: var(--spacing-lg);
padding-top: var(--spacing-md);
border-top: 1px solid var(--border-color);
font-size: 0.9rem;
color: var(--light-text);
padding: var(--spacing-md);
background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(0, 188, 212, 0.1));
border-radius: var(--border-radius-md);
font-size: 0.95rem;
color: var(--text-color);
border: 1px solid rgba(155, 89, 182, 0.2);
}
.ref-see-also a {
color: var(--primary-color);
color: var(--section-color, var(--primary-color));
text-decoration: none;
font-weight: 500;
font-weight: 600;
padding: 0.25rem 0.5rem;
background: rgba(255, 255, 255, 0.1);
border-radius: var(--border-radius-sm);
transition: background 0.2s, transform 0.2s;
}
.ref-see-also a:hover {
text-decoration: underline;
background: var(--section-color, var(--primary-color));
color: white;
transform: translateY(-1px);
}
/* Responsive reference tables */