-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
122 lines (115 loc) · 11.4 KB
/
Copy pathabout.html
File metadata and controls
122 lines (115 loc) · 11.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
---
layout: default
title: "About DataForSolution"
permalink: /about/
description: Learn what DataForSolution is, how it relates to OraDigit Technology, who maintains it, and how to collaborate, contribute, ask questions, or get in touch.
---
<style>
body{background:#f4f7fb!important;color:#172033!important}
.about-page{color:#172033}
.about-shell{max-width:1160px;margin:0 auto;padding:0 20px}
.about-hero{background:linear-gradient(135deg,#062b4a 0%,#0b5c91 58%,#14532d 100%);color:#fff;padding:72px 0}
.about-eyebrow,.about-kicker{display:inline-block;margin:0 0 10px;color:#bbf7d0;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.about-hero h1{margin:0 0 16px;color:#fff;font-size:clamp(2.6rem,7vw,4.8rem);line-height:1.02}
.about-hero .about-lead{max-width:880px;margin:0;color:#eaf6ff!important;font-size:clamp(1.08rem,2.2vw,1.3rem);line-height:1.75}
.about-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.about-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.4);color:#fff!important;text-decoration:none!important;font-weight:800}.about-button--primary{background:#16a34a;border-color:#16a34a}.about-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}
.about-section{padding:64px 0}.about-section--soft{background:#eef4f8}.about-section--dark{background:#0f172a;color:#e2e8f0}.about-section--dark h2,.about-section--dark h3{color:#fff!important}.about-section--dark p{color:#dbe5ef!important}
.about-heading{max-width:790px;margin-bottom:28px}.about-kicker{color:#0b5c91}.about-heading h2{margin:0 0 10px;color:#062b4a;font-size:clamp(1.8rem,3vw,2.45rem)}.about-heading p{margin:0;color:#526174;line-height:1.72}
.about-grid{display:grid;gap:18px}.about-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.about-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-card{background:#fff;border:1px solid #dbe5ef;border-radius:16px;padding:23px;box-shadow:0 6px 18px rgba(15,23,42,.05)}.about-card h3{margin:0 0 8px;color:#0b3657}.about-card p{margin:0;color:#465568;line-height:1.65}.about-card a{color:#075985!important;font-weight:800}
.about-ecosystem{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.about-ecosystem-copy h2{color:#062b4a}.about-ecosystem-copy p{color:#465568;line-height:1.72}.about-ecosystem-map{display:grid;gap:10px}.about-ecosystem-node{background:#fff;border:1px solid #cbd8e3;border-radius:16px;padding:22px;box-shadow:0 7px 20px rgba(15,23,42,.06)}.about-ecosystem-node strong,.about-ecosystem-node span{display:block}.about-ecosystem-node strong{color:#0b3657}.about-ecosystem-node span{margin-top:6px;color:#526174;line-height:1.5}.about-ecosystem-connector{width:3px;height:28px;background:#16a34a;margin:0 auto}
.about-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.about-principle{background:#fff;border:1px solid #dbe5ef;border-radius:14px;padding:20px}.about-principle strong{display:block;color:#0b3657;margin-bottom:6px}.about-principle span{display:block;color:#526174;line-height:1.55;font-size:.94rem}
.about-founder{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center}.about-founder img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;border:4px solid #1f7a4c}.about-founder-role{color:#86efac!important;font-weight:800;line-height:1.55}.about-founder-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.about-founder-links a{display:inline-flex;padding:9px 14px;border:1px solid #64748b;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:800}.about-founder-links a:hover{background:#1e293b}
.about-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.about-link-card{display:block;background:#fff;border:1px solid #dbe5ef;border-radius:15px;padding:22px;text-decoration:none!important;box-shadow:0 5px 16px rgba(15,23,42,.04)}.about-link-card strong{display:block;color:#0b5c91;font-size:1.04rem;margin-bottom:5px}.about-link-card span{display:block;color:#526174;line-height:1.55}.about-link-card:hover{border-color:#0b5c91;transform:translateY(-1px)}
.about-page a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media(max-width:900px){.about-grid--3,.about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.about-ecosystem,.about-founder{grid-template-columns:1fr}.about-founder img{max-width:210px}.about-link-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.about-shell{padding:0 15px}.about-hero{padding:50px 0}.about-section{padding:46px 0}.about-grid--3,.about-grid--2,.about-principles,.about-link-grid{grid-template-columns:1fr}.about-actions{align-items:stretch}.about-button{width:100%}}
</style>
<main class="about-page">
<section class="about-hero">
<div class="about-shell">
<span class="about-eyebrow">About DataForSolution</span>
<h1>Practical learning for real-world data and technology problems</h1>
<p class="about-lead">DataForSolution is a learning, knowledge, tools, and applied-project platform focused on data science, artificial intelligence, software engineering, healthcare analytics, and medical-imaging technology. Its purpose is to help people understand concepts, inspect evidence, use trustworthy resources, and build useful work.</p>
<div class="about-actions">
<a class="about-button about-button--primary" href="{{ '/learn/' | relative_url }}">Start learning</a>
<a class="about-button" href="{{ '/projects/' | relative_url }}">Explore projects</a>
<a class="about-button" href="{{ '/insights/' | relative_url }}">Explore insights</a>
</div>
</div>
</section>
<section class="about-section">
<div class="about-shell">
<div class="about-heading">
<span class="about-kicker">What you can do here</span>
<h2>Learn, evaluate, and apply</h2>
<p>The platform is designed around useful next steps rather than passive browsing.</p>
</div>
<div class="about-grid about-grid--3">
<article class="about-card"><h3>Learn</h3><p>Build foundations in data science, statistics, programming, machine learning, AI, and healthcare technology through structured learning paths.</p></article>
<article class="about-card"><h3>Explore trusted material</h3><p>Use curated articles, media, datasets, documentation, and learning resources that explain what they are for before you leave the site.</p></article>
<article class="about-card"><h3>Build and review</h3><p>Study reconstructed projects, practical tools, reproducible methods, limitations, and evidence-backed engineering decisions.</p></article>
</div>
</div>
</section>
<section class="about-section about-section--soft">
<div class="about-shell about-ecosystem">
<div class="about-ecosystem-copy">
<span class="about-kicker">How it fits together</span>
<h2>DataForSolution and OraDigit have complementary roles</h2>
<p><strong>DataForSolution</strong> is the public learning and applied-knowledge platform. It focuses on education, projects, tools, technical resources, and practical problem solving.</p>
<p><strong>OraDigit Technology</strong> is the broader healthcare-technology, research, analytics, and product-development ecosystem. It is separate from this learning site, but the two share the same problem-first and evidence-aware direction.</p>
<p><a href="https://www.oradigit.com" target="_blank" rel="noopener noreferrer">Visit OraDigit Technology ↗</a></p>
</div>
<div class="about-ecosystem-map" aria-label="Relationship between OraDigit Technology and DataForSolution">
<div class="about-ecosystem-node"><strong>OraDigit Technology</strong><span>Healthcare technology, research, analytics, clinical informatics, and product development.</span></div>
<div class="about-ecosystem-connector" aria-hidden="true"></div>
<div class="about-ecosystem-node"><strong>DataForSolution</strong><span>Learning, projects, tools, technical knowledge, resources, and professional development.</span></div>
</div>
</div>
</section>
<section class="about-section">
<div class="about-shell">
<div class="about-heading">
<span class="about-kicker">Trust principles</span>
<h2>What the platform should be accountable for</h2>
</div>
<div class="about-principles">
<div class="about-principle"><strong>Evidence before claims</strong><span>Results, limitations, provenance, and assumptions should be visible instead of hidden behind polished presentation.</span></div>
<div class="about-principle"><strong>Source and license awareness</strong><span>External material should be attributed, linked to its source, and not redistributed without a legitimate basis.</span></div>
<div class="about-principle"><strong>Privacy and context</strong><span>Healthcare-related learning must avoid patient-identifying information and clearly separate education from clinical use.</span></div>
<div class="about-principle"><strong>Useful technology</strong><span>Tools and AI should begin with a real need and support human judgment rather than exist only for novelty.</span></div>
</div>
</div>
</section>
<section class="about-section about-section--dark">
<div class="about-shell about-founder">
<div><img src="{{ '/assets/images/lissan-profile.jpg' | relative_url }}" alt="Lissan Liben"></div>
<div>
<span class="about-eyebrow">Who maintains the platform</span>
<h2>Lissan Liben</h2>
<p class="about-founder-role">Medical imaging · healthcare analytics · data science · software engineering</p>
<p>DataForSolution is shaped by a combination of long-term clinical imaging experience and ongoing work in data, software, analytics, and healthcare technology. That background is reflected in the platform’s emphasis on practical workflows, responsible AI, reproducibility, and clear evidence.</p>
<div class="about-founder-links">
<a href="https://www.linkedin.com/in/lissan-analytic" target="_blank" rel="noopener noreferrer">LinkedIn profile</a>
<a href="https://github.com/DataForSolution" target="_blank" rel="noopener noreferrer">GitHub</a>
<a href="{{ '/contact/' | relative_url }}">Contact</a>
</div>
</div>
</div>
</section>
<section class="about-section">
<div class="about-shell">
<div class="about-heading">
<span class="about-kicker">Connect and participate</span>
<h2>Everything that used to live in the About dropdown is now organized here</h2>
<p>Choose the destination that matches what you need instead of navigating a long menu.</p>
</div>
<div class="about-link-grid">
<a class="about-link-card" href="{{ '/collaborate/' | relative_url }}"><strong>Collaborate & Contribute</strong><span>Partnerships, applied work, projects, tools, case studies, articles, and learning contributions.</span></a>
<a class="about-link-card" href="{{ '/faq/' | relative_url }}"><strong>FAQ</strong><span>Answers to common questions about the platform, content, projects, and participation.</span></a>
<a class="about-link-card" href="{{ '/contact/' | relative_url }}"><strong>Contact</strong><span>Send a direct inquiry about DataForSolution, healthcare technology, research, or professional collaboration.</span></a>
</div>
</div>
</section>
</main>