Skip to content

Commit 4d4a6e9

Browse files
DataForSolutionDataForSolution
committed
Fix About page contrast and readability
1 parent 95abf3e commit 4d4a6e9

1 file changed

Lines changed: 6 additions & 64 deletions

File tree

‎about.html‎

Lines changed: 6 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,7 @@ <h1>DataForSolution</h1>
2020

2121
<section class="dfs-about-section">
2222
<div class="dfs-about-shell">
23-
<div class="dfs-about-section-heading">
24-
<p class="dfs-about-kicker">Purpose</p>
25-
<h2>From knowledge to useful capability</h2>
26-
<p>DataForSolution helps learners and professionals understand ideas, use working tools, and build projects around real problems rather than technology for its own sake.</p>
27-
</div>
23+
<div class="dfs-about-section-heading"><p class="dfs-about-kicker">Purpose</p><h2>From knowledge to useful capability</h2><p>DataForSolution helps learners and professionals understand ideas, use working tools, and build projects around real problems rather than technology for its own sake.</p></div>
2824
<div class="dfs-about-grid dfs-about-grid--three">
2925
<article class="dfs-about-card"><span class="dfs-about-number">01</span><h3>Learn</h3><p>Build foundations in data science, statistics, analytics, programming, AI, and healthcare technology.</p></article>
3026
<article class="dfs-about-card"><span class="dfs-about-number">02</span><h3>Use</h3><p>Work with browser tools, notebooks, guides, and practical resources that explain their results and limitations.</p></article>
@@ -34,69 +30,15 @@ <h2>From knowledge to useful capability</h2>
3430
</section>
3531

3632
<section class="dfs-about-section dfs-about-section--soft">
37-
<div class="dfs-about-shell">
38-
<div class="dfs-about-split">
39-
<div>
40-
<p class="dfs-about-kicker">The OraDigit ecosystem</p>
41-
<h2>One direction, complementary roles</h2>
42-
<p><strong>OraDigit Technology</strong> is the wider healthcare technology, research, analytics, and intelligent-solutions ecosystem.</p>
43-
<p><strong>DataForSolution</strong> is its educational and applied knowledge product—where concepts are taught, tools are shared, projects are demonstrated, and technical capability is developed.</p>
44-
</div>
45-
<div class="dfs-ecosystem-map" aria-label="OraDigit ecosystem relationship">
46-
<div class="dfs-ecosystem-node dfs-ecosystem-node--parent"><strong>OraDigit Technology</strong><span>Healthcare intelligence, clinical informatics, analytics, research, and product development</span></div>
47-
<div class="dfs-ecosystem-line"></div>
48-
<div class="dfs-ecosystem-node"><strong>DataForSolution</strong><span>Learning, tools, projects, knowledge, and professional development</span></div>
49-
</div>
50-
</div>
51-
</div>
33+
<div class="dfs-about-shell"><div class="dfs-about-split"><div><p class="dfs-about-kicker">The OraDigit ecosystem</p><h2>One direction, complementary roles</h2><p><strong>OraDigit Technology</strong> is the wider healthcare technology, research, analytics, and intelligent-solutions ecosystem.</p><p><strong>DataForSolution</strong> is its educational and applied knowledge product—where concepts are taught, tools are shared, projects are demonstrated, and technical capability is developed.</p></div><div class="dfs-ecosystem-map"><div class="dfs-ecosystem-node dfs-ecosystem-node--parent"><strong>OraDigit Technology</strong><span>Healthcare intelligence, clinical informatics, analytics, research, and product development</span></div><div class="dfs-ecosystem-line"></div><div class="dfs-ecosystem-node"><strong>DataForSolution</strong><span>Learning, tools, projects, knowledge, and professional development</span></div></div></div></div>
5234
</section>
5335

54-
<section class="dfs-about-section">
55-
<div class="dfs-about-shell">
56-
<div class="dfs-about-section-heading"><p class="dfs-about-kicker">Principles</p><h2>How the platform works</h2></div>
57-
<div class="dfs-about-grid dfs-about-grid--two">
58-
<article class="dfs-about-card"><h3>Real problems before technology</h3><p>Every lesson, project, and tool should begin with a meaningful need.</p></article>
59-
<article class="dfs-about-card"><h3>Evidence before claims</h3><p>Methods, assumptions, results, and limitations should be explained honestly.</p></article>
60-
<article class="dfs-about-card"><h3>Learning through building</h3><p>Understanding grows through practice, inspection, iteration, and useful output.</p></article>
61-
<article class="dfs-about-card"><h3>Responsible technology</h3><p>AI and analytics should support human judgment, protect privacy, and remain appropriate to their context.</p></article>
62-
</div>
63-
</div>
64-
</section>
36+
<section class="dfs-about-section"><div class="dfs-about-shell"><div class="dfs-about-section-heading"><p class="dfs-about-kicker">Principles</p><h2>How the platform works</h2></div><div class="dfs-about-grid dfs-about-grid--two"><article class="dfs-about-card"><h3>Real problems before technology</h3><p>Every lesson, project, and tool should begin with a meaningful need.</p></article><article class="dfs-about-card"><h3>Evidence before claims</h3><p>Methods, assumptions, results, and limitations should be explained honestly.</p></article><article class="dfs-about-card"><h3>Learning through building</h3><p>Understanding grows through practice, inspection, iteration, and useful output.</p></article><article class="dfs-about-card"><h3>Responsible technology</h3><p>AI and analytics should support human judgment, protect privacy, and remain appropriate to their context.</p></article></div></div></section>
6537

66-
<section class="dfs-about-section dfs-about-section--dark">
67-
<div class="dfs-about-shell">
68-
<div class="dfs-founder-layout">
69-
<div class="dfs-founder-image"><img src="{{ '/assets/images/profile.jpg' | relative_url }}" alt="Lissan Liben, founder of OraDigit and DataForSolution"></div>
70-
<div>
71-
<p class="dfs-about-kicker dfs-about-kicker--light">Founder</p>
72-
<h2>Lissan Liben <span class="dfs-pronouns">He/Him</span></h2>
73-
<p class="dfs-founder-role">Healthcare Business Intelligence | Clinical Informatics | Healthcare Analytics | Medical Imaging | Data Science | Software Engineering | OraDigit Research</p>
74-
<p>Lissan brings more than 16 years of experience in PET/CT, nuclear medicine, CT, and clinical imaging together with education and applied work in data science and software engineering.</p>
75-
<p>This interdisciplinary background shapes both platforms: understand the real environment first, identify the problem clearly, and then build technology that is useful, explainable, and grounded in practice.</p>
76-
<div class="dfs-about-actions">
77-
<a class="dfs-about-button dfs-about-button--light" href="https://www.linkedin.com/in/lissan-analytic" target="_blank" rel="noopener noreferrer">View LinkedIn profile</a>
78-
<a class="dfs-about-button dfs-about-button--light" href="https://github.com/DataForSolution" target="_blank" rel="noopener noreferrer">View GitHub</a>
79-
<a class="dfs-about-button dfs-about-button--light" href="{{ '/contact/' | relative_url }}">Contact</a>
80-
</div>
81-
</div>
82-
</div>
83-
</div>
84-
</section>
38+
<section class="dfs-about-section dfs-about-section--dark"><div class="dfs-about-shell"><div class="dfs-founder-layout"><div class="dfs-founder-image"><img src="{{ '/assets/images/profile.jpg' | relative_url }}" alt="Lissan Liben, founder of OraDigit and DataForSolution"></div><div><p class="dfs-about-kicker dfs-about-kicker--light">Founder</p><h2>Lissan Liben <span class="dfs-pronouns">He/Him</span></h2><p class="dfs-founder-role">Healthcare Business Intelligence | Clinical Informatics | Healthcare Analytics | Medical Imaging | Data Science | Software Engineering | OraDigit Research</p><p>Lissan brings more than 16 years of experience in PET/CT, nuclear medicine, CT, and clinical imaging together with education and applied work in data science and software engineering.</p><p>This interdisciplinary background shapes both platforms: understand the real environment first, identify the problem clearly, and then build technology that is useful, explainable, and grounded in practice.</p><div class="dfs-about-actions"><a class="dfs-about-button dfs-about-button--light" href="https://www.linkedin.com/in/lissan-analytic" target="_blank" rel="noopener noreferrer">View LinkedIn profile</a><a class="dfs-about-button dfs-about-button--light" href="https://github.com/DataForSolution" target="_blank" rel="noopener noreferrer">View GitHub</a><a class="dfs-about-button dfs-about-button--light" href="{{ '/contact/' | relative_url }}">Contact</a></div></div></div></div></section>
8539

86-
<section class="dfs-about-section">
87-
<div class="dfs-about-shell">
88-
<div class="dfs-about-section-heading"><p class="dfs-about-kicker">Continue</p><h2>Explore the ecosystem</h2></div>
89-
<div class="dfs-link-grid">
90-
<a class="dfs-link-card" href="{{ '/learn/' | relative_url }}"><strong>Learn</strong><span>Structured learning paths and academies.</span></a>
91-
<a class="dfs-link-card" href="{{ '/projects-new/' | relative_url }}"><strong>Projects</strong><span>Practical work built around real problems.</span></a>
92-
<a class="dfs-link-card" href="{{ '/toolkits/' | relative_url }}"><strong>Tools</strong><span>Working tools, notebooks, and references.</span></a>
93-
<a class="dfs-link-card" href="https://www.oradigit.com" target="_blank" rel="noopener noreferrer"><strong>OraDigit</strong><span>Healthcare technology and intelligent solutions.</span></a>
94-
<a class="dfs-link-card" href="{{ '/collaborate/' | relative_url }}"><strong>Collaborate</strong><span>Explore partnerships and applied work.</span></a>
95-
<a class="dfs-link-card" href="{{ '/contact/' | relative_url }}"><strong>Contact</strong><span>Connect with Lissan and the platform.</span></a>
96-
</div>
97-
</div>
98-
</section>
40+
<section class="dfs-about-section"><div class="dfs-about-shell"><div class="dfs-about-section-heading"><p class="dfs-about-kicker">Continue</p><h2>Explore the ecosystem</h2></div><div class="dfs-link-grid"><a class="dfs-link-card" href="{{ '/learn/' | relative_url }}"><strong>Learn</strong><span>Structured learning paths and academies.</span></a><a class="dfs-link-card" href="{{ '/projects-new/' | relative_url }}"><strong>Projects</strong><span>Practical work built around real problems.</span></a><a class="dfs-link-card" href="{{ '/toolkits/' | relative_url }}"><strong>Tools</strong><span>Working tools, notebooks, and references.</span></a><a class="dfs-link-card" href="https://www.oradigit.com" target="_blank" rel="noopener noreferrer"><strong>OraDigit</strong><span>Healthcare technology and intelligent solutions.</span></a><a class="dfs-link-card" href="{{ '/collaborate/' | relative_url }}"><strong>Collaborate</strong><span>Explore partnerships and applied work.</span></a><a class="dfs-link-card" href="{{ '/contact/' | relative_url }}"><strong>Contact</strong><span>Connect with Lissan and the platform.</span></a></div></div></section>
9941

10042
<style>
101-
.dfs-about-hero,.dfs-about-section{padding:72px 22px}.dfs-about-hero{background:linear-gradient(135deg,#0f172a 0%,#16364f 55%,#14532d 100%);color:#fff}.dfs-about-shell{max-width:1120px;margin:0 auto}.dfs-about-eyebrow,.dfs-about-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#15803d;margin:0 0 12px}.dfs-about-hero .dfs-about-eyebrow{color:#bbf7d0}.dfs-about-hero h1{color:#fff;font-size:clamp(2.7rem,7vw,5rem);line-height:1;margin:0 0 18px}.dfs-about-lead{font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:700;margin:0 0 18px}.dfs-about-intro{max-width:850px;color:#e2e8f0;font-size:1.08rem;line-height:1.8}.dfs-about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.dfs-about-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:999px;padding:11px 18px;font-weight:750;text-decoration:none;color:inherit}.dfs-about-button:hover{transform:translateY(-1px);text-decoration:none}.dfs-about-button--primary{background:#16a34a;border-color:#16a34a;color:#fff}.dfs-about-section-heading{max-width:780px;margin-bottom:30px}.dfs-about-section h2{font-size:clamp(1.9rem,4vw,2.8rem);margin:0 0 16px}.dfs-about-section p{line-height:1.75}.dfs-about-grid{display:grid;gap:20px}.dfs-about-grid--three{grid-template-columns:repeat(3,1fr)}.dfs-about-grid--two{grid-template-columns:repeat(2,1fr)}.dfs-about-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.dfs-about-card h3{margin:8px 0 10px}.dfs-about-number{font-size:.82rem;font-weight:850;color:#16a34a}.dfs-about-section--soft{background:#f1f5f9}.dfs-about-split{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.dfs-ecosystem-map{display:flex;flex-direction:column;align-items:center}.dfs-ecosystem-node{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:0 12px 28px rgba(15,23,42,.08)}.dfs-ecosystem-node strong,.dfs-ecosystem-node span{display:block}.dfs-ecosystem-node strong{font-size:1.25rem;margin-bottom:8px}.dfs-ecosystem-node span{color:#475569;line-height:1.55}.dfs-ecosystem-node--parent{border-color:#16a34a}.dfs-ecosystem-line{width:3px;height:38px;background:#16a34a}.dfs-about-section--dark{background:#0f172a;color:#e2e8f0}.dfs-about-section--dark h2{color:#fff}.dfs-about-kicker--light{color:#86efac}.dfs-founder-layout{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center}.dfs-founder-image img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:26px;border:4px solid rgba(255,255,255,.12)}.dfs-founder-role{color:#86efac;font-weight:750}.dfs-pronouns{font-size:.9rem;font-weight:600;color:#94a3b8}.dfs-about-button--light{border-color:#64748b;color:#fff}.dfs-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dfs-link-card{display:block;padding:22px;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;color:inherit;background:#fff}.dfs-link-card:hover{border-color:#16a34a;transform:translateY(-2px);text-decoration:none}.dfs-link-card strong,.dfs-link-card span{display:block}.dfs-link-card strong{color:#15803d;font-size:1.1rem;margin-bottom:7px}.dfs-link-card span{color:#475569;line-height:1.55}@media(max-width:820px){.dfs-about-grid--three,.dfs-about-grid--two,.dfs-about-split,.dfs-founder-layout,.dfs-link-grid{grid-template-columns:1fr}.dfs-founder-image{max-width:240px}}
43+
.dfs-about-hero,.dfs-about-section{padding:72px 22px}.dfs-about-hero{background:linear-gradient(135deg,#0f172a 0%,#16364f 55%,#14532d 100%);color:#fff}.dfs-about-shell{max-width:1120px;margin:0 auto}.dfs-about-eyebrow,.dfs-about-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#15803d;margin:0 0 12px}.dfs-about-hero .dfs-about-eyebrow{color:#bbf7d0}.dfs-about-hero h1{color:#fff;font-size:clamp(2.7rem,7vw,5rem);line-height:1;margin:0 0 18px}.dfs-about-lead{font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:700;margin:0 0 18px;color:#fff!important}.dfs-about-intro{max-width:850px;color:#e2e8f0!important;font-size:1.08rem;line-height:1.8}.dfs-about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.dfs-about-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:999px;padding:11px 18px;font-weight:750;text-decoration:none;color:#fff!important}.dfs-about-button--primary{background:#16a34a;border-color:#16a34a}.dfs-about-section:not(.dfs-about-section--dark){color:#0f172a}.dfs-about-section:not(.dfs-about-section--dark) h2,.dfs-about-card h3{color:#0f172a!important}.dfs-about-section:not(.dfs-about-section--dark) p,.dfs-about-card p{color:#334155!important}.dfs-about-section-heading{max-width:780px;margin-bottom:30px}.dfs-about-grid{display:grid;gap:20px}.dfs-about-grid--three{grid-template-columns:repeat(3,1fr)}.dfs-about-grid--two{grid-template-columns:repeat(2,1fr)}.dfs-about-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(15,23,42,.06);color:#0f172a}.dfs-about-number{font-size:.82rem;font-weight:850;color:#16a34a}.dfs-about-section--soft{background:#f1f5f9}.dfs-about-split{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.dfs-ecosystem-map{display:flex;flex-direction:column;align-items:center}.dfs-ecosystem-node{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:0 12px 28px rgba(15,23,42,.08);color:#0f172a}.dfs-ecosystem-node strong,.dfs-ecosystem-node span{display:block}.dfs-ecosystem-node span{color:#475569!important}.dfs-ecosystem-line{width:3px;height:38px;background:#16a34a}.dfs-about-section--dark{background:#0f172a;color:#e2e8f0}.dfs-about-section--dark h2{color:#fff!important}.dfs-about-section--dark p{color:#e2e8f0!important}.dfs-about-kicker--light,.dfs-founder-role{color:#86efac!important}.dfs-founder-layout{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center}.dfs-founder-image img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:26px}.dfs-pronouns{font-size:.9rem;color:#94a3b8}.dfs-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dfs-link-card{display:block;padding:22px;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;background:#fff;color:#0f172a!important}.dfs-link-card strong,.dfs-link-card span{display:block}.dfs-link-card strong{color:#15803d!important}.dfs-link-card span{color:#475569!important}@media(max-width:820px){.dfs-about-grid--three,.dfs-about-grid--two,.dfs-about-split,.dfs-founder-layout,.dfs-link-grid{grid-template-columns:1fr}.dfs-founder-image{max-width:240px}}
10244
</style>

0 commit comments

Comments
 (0)