Influence-Tools/influence-tools-web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tell the ONLC opportunity through individual learner stories

Browse Source
This commit is contained in:
Fabio
2026-09-28 10:56:41 -04:00
parent 60d6eaf4fa
commit cbe419f3e6
2 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/onlc/presentation.css
+4
View File
@@ -24,3 +24,7 @@ body{padding-bottom:62px}.controls,.reading .controls{position:fixed;bottom:0;le
.diagnostic h1{font-size:clamp(36px,4.25vw,70px);line-height:1.07;letter-spacing:-.045em;font-weight:500;margin:20px 0 38px;max-width:1200px}.diagnostic .source{margin-bottom:0}
@media screen and (min-width:761px) and (max-height:800px){.diagnostic h1{font-size:42px;margin:15px 0 25px}#learning-loop .lined-list h3,#sources .lined-list h3{margin-bottom:6px}#learning-loop .lined-list p,#sources .lined-list p{font-size:15px;line-height:1.4}#learning-loop .lined-list>div,#sources .lined-list>div{padding:10px 0}}
@media(max-width:760px){.diagnostic h1{font-size:38px;margin:20px 0 30px}}
.story-columns{display:grid;grid-template-columns:1fr 1.13fr;gap:6vw;margin-top:10px}.story-lead{font-size:27px;line-height:1.5;letter-spacing:-.015em}.story-body p{font-size:21px;line-height:1.55;margin:0 0 23px;color:var(--soft)}.story-byline{font-size:13px;color:var(--soft);margin-top:24px}.story-evidence{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.story-evidence figure{margin:0}.story-evidence img{width:100%;border:1px solid var(--line)}.story-evidence .story-body p{font-size:18px;line-height:1.5;margin-bottom:16px}.story .source{font-size:11px;line-height:1.5}
@media screen and (min-width:761px) and (max-height:800px){.story-columns{gap:5vw;margin-top:4px}.story-lead{font-size:25px;line-height:1.45}.story-body p{font-size:20px;line-height:1.48;margin-bottom:20px}.story h2,.story h1{font-size:42px;margin-bottom:27px}.story-evidence .story-body p{font-size:17px;line-height:1.42;margin-bottom:14px}.story .source{font-size:10px;padding-top:14px}}
@media(max-width:760px){.story-columns,.story-evidence{grid-template-columns:1fr;gap:12px}.story-lead{font-size:23px;line-height:1.5}.story-body p{font-size:20px;line-height:1.55}.story-evidence .story-body p{font-size:19px}.story .source{font-size:11px}.story h2,.story h1{font-size:36px}}