Skip to content

Commit d9f8032

Browse files
DataForSolutionDataForSolution
committed
Align About page with OraDigit ecosystem
1 parent 5bb810e commit d9f8032

1 file changed

Lines changed: 199 additions & 25 deletions

File tree

‎about.html‎

Lines changed: 199 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,215 @@
11
---
22
layout: default
3-
title: "About"
3+
title: "About DataForSolution"
44
permalink: /about/
55
---
66

7-
<section id="about-section" class="about-enhanced">
8-
<div class="about-wrapper">
7+
<section class="dfs-about-hero">
8+
<div class="dfs-about-shell">
9+
<p class="dfs-about-eyebrow">A learning and applied data platform by OraDigit Technology</p>
10+
<h1>DataForSolution</h1>
11+
<p class="dfs-about-lead">Learn data science. Build artificial intelligence. Solve real problems.</p>
12+
<p class="dfs-about-intro">
13+
DataForSolution is the education, knowledge, and practical tool platform within the OraDigit ecosystem.
14+
It connects structured learning with working tools, real projects, healthcare technology, and responsible
15+
artificial intelligence.
16+
</p>
17+
<div class="dfs-about-actions">
18+
<a class="dfs-about-button dfs-about-button--primary" href="{{ '/learn/' | relative_url }}">Explore learning paths</a>
19+
<a class="dfs-about-button" href="{{ '/toolkits/' | relative_url }}">Explore tools</a>
20+
<a class="dfs-about-button" href="https://www.oradigit.com" target="_blank" rel="noopener noreferrer">Visit OraDigit</a>
21+
</div>
22+
</div>
23+
</section>
24+
25+
<section class="dfs-about-section">
26+
<div class="dfs-about-shell">
27+
<div class="dfs-about-section-heading">
28+
<p class="dfs-about-kicker">Our role</p>
29+
<h2>Where learning becomes practical capability</h2>
30+
</div>
31+
32+
<div class="dfs-about-grid dfs-about-grid--three">
33+
<article class="dfs-about-card">
34+
<span class="dfs-about-number">01</span>
35+
<h3>Learn</h3>
36+
<p>Structured academies, lessons, articles, and guided pathways help learners build durable foundations in data science, programming, statistics, analytics, and AI.</p>
37+
</article>
38+
39+
<article class="dfs-about-card">
40+
<span class="dfs-about-number">02</span>
41+
<h3>Use</h3>
42+
<p>Working browser tools, notebooks, reference guides, and interactive resources help visitors inspect data, practice methods, and understand results.</p>
43+
</article>
44+
45+
<article class="dfs-about-card">
46+
<span class="dfs-about-number">03</span>
47+
<h3>Build</h3>
48+
<p>Real projects connect technical learning to healthcare, business, research, and other practical problems where responsible technology can create value.</p>
49+
</article>
50+
</div>
51+
</div>
52+
</section>
953

10-
<!-- Profile Picture -->
11-
<div class="about-image">
12-
<img src="{{ '/assets/images/profile.jpg' | relative_url }}" alt="Lissan's Profile Picture">
54+
<section class="dfs-about-section dfs-about-section--soft">
55+
<div class="dfs-about-shell">
56+
<div class="dfs-about-split">
57+
<div>
58+
<p class="dfs-about-kicker">The OraDigit ecosystem</p>
59+
<h2>One mission, two complementary platforms</h2>
60+
<p>
61+
OraDigit develops healthcare technology, clinical workflow, analytics, and intelligent solution concepts.
62+
DataForSolution explains, teaches, demonstrates, and shares the knowledge behind those capabilities.
63+
</p>
64+
<p>
65+
The relationship is intentional: DataForSolution develops understanding and practical skills; OraDigit applies
66+
technology to real operational and healthcare problems. Together, they form one path from knowledge to implementation.
67+
</p>
68+
</div>
69+
70+
<div class="dfs-ecosystem-map" aria-label="OraDigit ecosystem relationship">
71+
<div class="dfs-ecosystem-node dfs-ecosystem-node--parent">
72+
<strong>OraDigit Technology</strong>
73+
<span>Healthcare technology, intelligent solutions, research, and product development</span>
74+
</div>
75+
<div class="dfs-ecosystem-line"></div>
76+
<div class="dfs-ecosystem-node">
77+
<strong>DataForSolution</strong>
78+
<span>Learning, tools, projects, knowledge, and professional development</span>
79+
</div>
80+
</div>
1381
</div>
82+
</div>
83+
</section>
1484

15-
<!-- About Content -->
16-
<div class="about-text">
17-
<h1>👋 About <span style="color: #4CAF50;">LLmachine</span></h1>
18-
<h2>Lissan – Data Scientist & Certified Nuclear Medicine Professional</h2>
85+
<section class="dfs-about-section">
86+
<div class="dfs-about-shell">
87+
<div class="dfs-about-section-heading">
88+
<p class="dfs-about-kicker">What guides the platform</p>
89+
<h2>Our principles</h2>
90+
</div>
1991

20-
<p>
21-
Welcome to my professional space! I am a Data Scientist specializing in advanced analytics,
22-
artificial intelligence, and machine learning. With a certification in Nuclear Medicine, I bring
23-
a unique interdisciplinary approach to problem-solving. My goal is to merge the power of data and
24-
medical imaging to create innovative solutions that empower industries and improve lives.
25-
</p>
92+
<div class="dfs-about-grid dfs-about-grid--two">
93+
<article class="dfs-about-card">
94+
<h3>Real problems before technology</h3>
95+
<p>Every lesson, project, and tool should begin with a meaningful problem—not with technology for its own sake.</p>
96+
</article>
97+
<article class="dfs-about-card">
98+
<h3>Evidence before claims</h3>
99+
<p>We value transparent reasoning, reproducible work, clear limitations, and honest descriptions of what a tool can and cannot do.</p>
100+
</article>
101+
<article class="dfs-about-card">
102+
<h3>Learning through building</h3>
103+
<p>Knowledge becomes useful when learners practice, inspect results, make decisions, and create something that works.</p>
104+
</article>
105+
<article class="dfs-about-card">
106+
<h3>Responsible AI</h3>
107+
<p>Artificial intelligence should support human judgment, preserve privacy, communicate uncertainty, and remain appropriate to its context.</p>
108+
</article>
109+
</div>
110+
</div>
111+
</section>
26112

27-
<p>
28-
LLmachine is your go-to platform for mastering artificial intelligence, data analysis, and smart technologies.
29-
Whether you’re a beginner or a seasoned professional, we’ve got the tools and guidance to support your journey.
30-
</p>
113+
<section class="dfs-about-section dfs-about-section--dark">
114+
<div class="dfs-about-shell">
115+
<div class="dfs-founder-layout">
116+
<div class="dfs-founder-image">
117+
<img src="{{ '/assets/images/profile.jpg' | relative_url }}" alt="Lissan Liben, founder of OraDigit and DataForSolution">
118+
</div>
119+
<div>
120+
<p class="dfs-about-kicker dfs-about-kicker--light">Founder</p>
121+
<h2>Lissan Liben</h2>
122+
<p class="dfs-founder-role">Healthcare Technology Professional · Medical Imaging · Healthcare Analytics · Founder, OraDigit</p>
123+
<p>
124+
DataForSolution and OraDigit are shaped by an interdisciplinary background spanning more than 16 years in PET/CT,
125+
nuclear medicine, and clinical imaging, together with education and work in data science and software engineering.
126+
</p>
127+
<p>
128+
That combination defines the platform’s direction: understand real clinical and operational environments, identify
129+
meaningful problems, and build technology that is useful, explainable, and grounded in how work is actually performed.
130+
</p>
131+
<div class="dfs-about-actions">
132+
<a class="dfs-about-button dfs-about-button--light" href="https://www.linkedin.com/in/lissan-analytic" target="_blank" rel="noopener noreferrer">Connect on LinkedIn</a>
133+
<a class="dfs-about-button dfs-about-button--light" href="https://github.com/DataForSolution" target="_blank" rel="noopener noreferrer">View GitHub</a>
134+
<a class="dfs-about-button dfs-about-button--light" href="{{ '/contact/' | relative_url }}">Contact</a>
135+
</div>
136+
</div>
137+
</div>
138+
</div>
139+
</section>
31140

32-
<p>
33-
This website showcases my work, including machine learning projects, innovative data
34-
science solutions, and insights into the world of AI and healthcare analytics. Explore, connect,
35-
and let’s collaborate!
36-
</p>
141+
<section class="dfs-about-section">
142+
<div class="dfs-about-shell">
143+
<div class="dfs-about-section-heading">
144+
<p class="dfs-about-kicker">Explore the ecosystem</p>
145+
<h2>Continue from here</h2>
146+
</div>
37147

148+
<div class="dfs-link-grid">
149+
<a class="dfs-link-card" href="{{ '/learn/' | relative_url }}"><strong>Learn</strong><span>Follow structured learning paths and academies.</span></a>
150+
<a class="dfs-link-card" href="{{ '/projects-new/' | relative_url }}"><strong>Projects</strong><span>See practical work built around real problems.</span></a>
151+
<a class="dfs-link-card" href="{{ '/toolkits/' | relative_url }}"><strong>Tools</strong><span>Use working tools, notebooks, and reference resources.</span></a>
152+
<a class="dfs-link-card" href="{{ '/discover/' | relative_url }}"><strong>Discover</strong><span>Search across lessons, tools, projects, and articles.</span></a>
153+
<a class="dfs-link-card" href="https://www.oradigit.com" target="_blank" rel="noopener noreferrer"><strong>OraDigit</strong><span>Explore healthcare technology and intelligent solutions.</span></a>
154+
<a class="dfs-link-card" href="{{ '/collaborate/' | relative_url }}"><strong>Collaborate</strong><span>Work with us on learning, research, and practical solutions.</span></a>
38155
</div>
39156
</div>
40157
</section>
41158

159+
<style>
160+
.dfs-about-hero,
161+
.dfs-about-section { padding: 72px 22px; }
162+
.dfs-about-hero { background: linear-gradient(135deg, #0f172a 0%, #16364f 55%, #14532d 100%); color: #fff; }
163+
.dfs-about-shell { max-width: 1120px; margin: 0 auto; }
164+
.dfs-about-eyebrow,
165+
.dfs-about-kicker { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 800; color: #15803d; margin: 0 0 12px; }
166+
.dfs-about-hero .dfs-about-eyebrow { color: #bbf7d0; }
167+
.dfs-about-hero h1 { color: #fff; font-size: clamp(2.7rem, 7vw, 5rem); line-height: 1; margin: 0 0 18px; }
168+
.dfs-about-lead { font-size: clamp(1.25rem, 2.5vw, 1.8rem); font-weight: 700; margin: 0 0 18px; }
169+
.dfs-about-intro { max-width: 820px; color: #e2e8f0; font-size: 1.08rem; line-height: 1.8; }
170+
.dfs-about-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
171+
.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; }
172+
.dfs-about-button:hover { transform: translateY(-1px); text-decoration: none; }
173+
.dfs-about-button--primary { background: #16a34a; border-color: #16a34a; color: #fff; }
174+
.dfs-about-section-heading { max-width: 760px; margin-bottom: 30px; }
175+
.dfs-about-section h2 { font-size: clamp(1.9rem, 4vw, 2.8rem); margin: 0 0 16px; }
176+
.dfs-about-section p { line-height: 1.75; }
177+
.dfs-about-grid { display: grid; gap: 20px; }
178+
.dfs-about-grid--three { grid-template-columns: repeat(3, 1fr); }
179+
.dfs-about-grid--two { grid-template-columns: repeat(2, 1fr); }
180+
.dfs-about-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 26px; box-shadow: 0 10px 30px rgba(15, 23, 42, .06); }
181+
.dfs-about-card h3 { margin: 8px 0 10px; }
182+
.dfs-about-number { font-size: .82rem; font-weight: 850; color: #16a34a; }
183+
.dfs-about-section--soft { background: #f1f5f9; }
184+
.dfs-about-split { display: grid; grid-template-columns: 1.2fr .8fr; gap: 44px; align-items: center; }
185+
.dfs-ecosystem-map { display: flex; flex-direction: column; align-items: center; }
186+
.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); }
187+
.dfs-ecosystem-node strong,
188+
.dfs-ecosystem-node span { display: block; }
189+
.dfs-ecosystem-node strong { font-size: 1.25rem; margin-bottom: 8px; }
190+
.dfs-ecosystem-node span { color: #475569; line-height: 1.55; }
191+
.dfs-ecosystem-node--parent { border-color: #16a34a; }
192+
.dfs-ecosystem-line { width: 3px; height: 38px; background: #16a34a; }
193+
.dfs-about-section--dark { background: #0f172a; color: #e2e8f0; }
194+
.dfs-about-section--dark h2 { color: #fff; }
195+
.dfs-about-kicker--light { color: #86efac; }
196+
.dfs-founder-layout { display: grid; grid-template-columns: 260px 1fr; gap: 42px; align-items: center; }
197+
.dfs-founder-image img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 26px; border: 4px solid rgba(255,255,255,.12); }
198+
.dfs-founder-role { color: #86efac; font-weight: 750; }
199+
.dfs-about-button--light { border-color: #64748b; color: #fff; }
200+
.dfs-link-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
201+
.dfs-link-card { display: block; padding: 22px; border: 1px solid #e2e8f0; border-radius: 16px; text-decoration: none; color: inherit; background: #fff; }
202+
.dfs-link-card:hover { border-color: #16a34a; transform: translateY(-2px); text-decoration: none; }
203+
.dfs-link-card strong,
204+
.dfs-link-card span { display: block; }
205+
.dfs-link-card strong { color: #15803d; font-size: 1.1rem; margin-bottom: 7px; }
206+
.dfs-link-card span { color: #475569; line-height: 1.55; }
207+
@media (max-width: 820px) {
208+
.dfs-about-grid--three,
209+
.dfs-about-grid--two,
210+
.dfs-about-split,
211+
.dfs-founder-layout,
212+
.dfs-link-grid { grid-template-columns: 1fr; }
213+
.dfs-founder-image { max-width: 240px; }
214+
}
215+
</style>

0 commit comments

Comments
 (0)