-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcollaborate.html
More file actions
116 lines (109 loc) · 13 KB
/
Copy pathcollaborate.html
File metadata and controls
116 lines (109 loc) · 13 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
---
layout: default
title: "Collaborate & Contribute"
permalink: /collaborate/
description: Work with DataForSolution on meaningful healthcare, data, software, research, or educational problems—or propose an original project, tool, article, case study, or learning resource.
---
<style>
body{background:#f4f7fb!important;color:#172033!important}
.participate-page{color:#172033}.participate-shell{max-width:1140px;margin:0 auto;padding:0 20px}
.participate-hero{background:linear-gradient(135deg,#062b4a 0%,#0b5c91 58%,#14532d 100%);color:#fff;padding:68px 0}.participate-kicker{display:inline-block;margin-bottom:10px;color:#bbf7d0;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.participate-hero h1{margin:0 0 15px;color:#fff;font-size:clamp(2.4rem,6vw,4.4rem)}.participate-hero p{max-width:900px;color:#eaf6ff!important;line-height:1.75;font-size:1.08rem}
.participate-section{padding:60px 0}.participate-section--soft{background:#eef4f8}.participate-section--dark{background:#0f172a;color:#e2e8f0}.participate-section--dark h2,.participate-section--dark h3,.participate-section--dark label{color:#fff!important}.participate-section--dark p{color:#dbe5ef!important}
.participate-heading{max-width:800px;margin-bottom:28px}.participate-heading span{display:block;margin-bottom:8px;color:#0b5c91;font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.participate-heading h2{margin:0 0 9px;color:#062b4a;font-size:clamp(1.8rem,3vw,2.35rem)}.participate-heading p{margin:0;color:#526174;line-height:1.7}
.participate-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.participate-path{background:#fff;border:1px solid #dbe5ef;border-radius:17px;padding:26px;box-shadow:0 6px 18px rgba(15,23,42,.05)}.participate-path span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf4fb;color:#075985;font-size:.76rem;font-weight:900}.participate-path h3{margin:13px 0 8px;color:#0b3657}.participate-path p{margin:0 0 15px;color:#465568;line-height:1.65}.participate-path a{color:#075985!important;font-weight:800}
.participate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.participate-card{background:#fff;border:1px solid #dbe5ef;border-radius:15px;padding:22px;box-shadow:0 5px 15px rgba(15,23,42,.04)}.participate-card h3{margin:0 0 7px;color:#0b3657}.participate-card p{margin:0;color:#465568;line-height:1.62}
.participate-standard{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.participate-standard-copy h2{color:#062b4a}.participate-standard-copy p{color:#465568;line-height:1.72}.participate-checklist{background:#fff;border:1px solid #dbe5ef;border-left:5px solid #16a34a;border-radius:15px;padding:22px}.participate-checklist strong{display:block;color:#0b3657;margin-bottom:8px}.participate-checklist li{margin:8px 0;color:#465568;line-height:1.5}
.participate-form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.participate-form-copy .participate-kicker{color:#86efac}.participate-form{background:#1e293b;border:1px solid #334155;border-radius:18px;padding:26px}.participate-form label{display:block;margin:14px 0 6px;font-weight:800}.participate-form input,.participate-form select,.participate-form textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #64748b;border-radius:9px;background:#0f172a;color:#fff;font:inherit}.participate-form input::placeholder,.participate-form textarea::placeholder{color:#94a3b8}.participate-form button{margin-top:20px;border:0;border-radius:999px;padding:12px 20px;background:#16a34a;color:#fff;font-weight:900;cursor:pointer}.participate-form button:hover{background:#15803d}.participate-note{margin-top:16px;color:#cbd5e1!important;font-size:.9rem;line-height:1.5}.participate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.participate-actions a{display:inline-flex;padding:9px 14px;border:1px solid #64748b;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:800}
.participate-page a:focus-visible,.participate-page button:focus-visible,.participate-page input:focus-visible,.participate-page select:focus-visible,.participate-page textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media(max-width:900px){.participate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participate-standard,.participate-form-layout{grid-template-columns:1fr}}
@media(max-width:620px){.participate-shell{padding:0 15px}.participate-hero{padding:50px 0}.participate-section{padding:44px 0}.participate-paths,.participate-grid{grid-template-columns:1fr}}
</style>
<main class="participate-page">
<section class="participate-hero">
<div class="participate-shell">
<span class="participate-kicker">Collaborate & Contribute</span>
<h1>Two ways to take part in meaningful work</h1>
<p>Work together on a clearly defined healthcare, data, software, research, or education problem—or contribute an original project, tool, article, case study, or learning resource that can help others understand and build responsibly.</p>
</div>
</section>
<section class="participate-section">
<div class="participate-shell">
<div class="participate-heading">
<span>Choose your path</span>
<h2>Start with what you want to accomplish</h2>
<p>Collaboration and contribution share the same standards, but they begin differently.</p>
</div>
<div class="participate-paths">
<article class="participate-path" id="collaborate"><span>Collaborate</span><h3>Work together on a problem</h3><p>Best for organizations, researchers, educators, product teams, vendors, or professionals who want clinical, analytical, data, software, or workflow perspective on a defined need.</p><a href="#participation-form">Start a collaboration inquiry →</a></article>
<article class="participate-path" id="contribute"><span>Contribute</span><h3>Share useful original work</h3><p>Best for people proposing a project, tool, article, tutorial, case study, dataset guide, or other educational material that can improve the platform’s knowledge base.</p><a href="#participation-form">Propose a contribution →</a></article>
</div>
</div>
</section>
<section class="participate-section participate-section--soft">
<div class="participate-shell">
<div class="participate-heading"><span>Where collaboration fits</span><h2>Problem areas where practical context matters</h2></div>
<div class="participate-grid">
<article class="participate-card"><h3>Healthcare & clinical workflow</h3><p>Clinical informatics, imaging workflow, requirements discovery, operational measurement, quality context, and practical technology adoption.</p></article>
<article class="participate-card"><h3>Medical imaging & analytics</h3><p>PET/CT, nuclear medicine, quantitative imaging, response tracking, imaging data, workflow improvement, and analytical interpretation.</p></article>
<article class="participate-card"><h3>Data & software</h3><p>Analytics, prototypes, reproducible pipelines, decision-support concepts, software workflows, data quality, and applied engineering.</p></article>
<article class="participate-card"><h3>Research & education</h3><p>Case-based learning, technical writing, responsible AI, applied research concepts, learning materials, and knowledge-sharing.</p></article>
<article class="participate-card"><h3>Product & vendor discussion</h3><p>Healthcare technology, imaging systems, workflow tools, research products, and conversations that benefit from clinical and analytical perspective.</p></article>
<article class="participate-card"><h3>Responsible AI</h3><p>Evaluation, transparency, privacy, human oversight, trustworthy deployment, and appropriate use of AI in real environments.</p></article>
</div>
</div>
</section>
<section class="participate-section">
<div class="participate-shell">
<div class="participate-heading"><span>Contribution types</span><h2>What the platform can review</h2><p>Contributions do not need to be large. They do need to be useful, original, clearly sourced, and honest about limitations.</p></div>
<div class="participate-grid">
<article class="participate-card"><h3>Projects & code</h3><p>Reproducible projects, notebooks, examples, or engineering work built around a clearly described problem.</p></article>
<article class="participate-card"><h3>Tools & templates</h3><p>Calculators, browser tools, reference templates, workflow aids, or reusable technical resources.</p></article>
<article class="participate-card"><h3>Articles & tutorials</h3><p>Original explanations, practical guides, technical walkthroughs, or lessons that help users make informed decisions.</p></article>
<article class="participate-card"><h3>Case studies</h3><p>Structured accounts of a problem, method, evidence, result, limitation, and lesson learned.</p></article>
<article class="participate-card"><h3>Healthcare & imaging insight</h3><p>Educational material grounded in clinical workflow, medical imaging, informatics, analytics, or professional practice.</p></article>
<article class="participate-card"><h3>Resource recommendations</h3><p>High-quality datasets, documentation, media, standards, or learning sources that improve the curated directories.</p></article>
</div>
</div>
</section>
<section class="participate-section participate-section--soft">
<div class="participate-shell participate-standard">
<div class="participate-standard-copy"><span class="participate-kicker" style="color:#0b5c91">Shared standard</span><h2>Useful, honest, and safe</h2><p>Whether the goal is collaboration or contribution, the same baseline applies: define the problem, identify who is affected, explain the evidence, respect licensing and privacy, and be clear about what has not been validated.</p></div>
<div class="participate-checklist"><strong>Before submitting</strong><ul><li>Explain the problem, audience, or intended use.</li><li>Provide a working repository or source link when applicable.</li><li>State data sources, licensing, and attribution requirements.</li><li>Describe validation, assumptions, and important limitations.</li><li>Do not include patient-identifying, confidential, or proprietary information.</li><li>Do not present educational healthcare work as clinical advice or validated clinical performance.</li></ul></div>
</div>
</section>
<section class="participate-section participate-section--dark" id="participation-form">
<div class="participate-shell participate-form-layout">
<div class="participate-form-copy">
<span class="participate-kicker">Send a proposal</span>
<h2>One form for collaboration and contributions</h2>
<p>Choose the type of conversation and briefly describe what you want to solve, build, share, or discuss. Please do not include patient-identifying or confidential information.</p>
<div class="participate-actions"><a href="{{ '/contact/' | relative_url }}">General contact</a><a href="{{ '/faq/' | relative_url }}">Read FAQ</a><a href="https://www.linkedin.com/in/lissan-analytic" target="_blank" rel="noopener noreferrer">LinkedIn</a></div>
</div>
<form action="https://formsubmit.co/kent.sew@gmail.com" method="POST" class="participate-form">
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="_subject" value="DataForSolution collaboration or contribution">
<label for="participation-type">Type</label>
<select id="participation-type" name="type" required>
<option value="">Choose one</option>
<option>Collaboration inquiry</option>
<option>Contribution proposal</option>
<option>Research or education discussion</option>
<option>Product or vendor discussion</option>
<option>Other</option>
</select>
<label for="participation-name">Name</label>
<input id="participation-name" type="text" name="name" autocomplete="name" required>
<label for="participation-email">Email</label>
<input id="participation-email" type="email" name="email" autocomplete="email" required>
<label for="participation-org">Organization or affiliation <span style="font-weight:400">(optional)</span></label>
<input id="participation-org" type="text" name="organization">
<label for="participation-link">Relevant link <span style="font-weight:400">(optional)</span></label>
<input id="participation-link" type="url" name="link" placeholder="GitHub, project, article, or resource URL">
<label for="participation-message">What would you like to discuss or contribute?</label>
<textarea id="participation-message" name="message" rows="7" required></textarea>
<button type="submit">Send proposal</button>
<p class="participate-note">Submission does not guarantee publication, partnership, endorsement, or technical/clinical review. Proposals are evaluated for relevance, safety, provenance, and usefulness.</p>
</form>
</div>
</section>
</main>