<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=JetBrains+Mono:wght@300;400;600&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://tcia-admin.github.io/tcia-website/main/open-source/css/style-tcia.css">
<section>
<!-- <nav class="tcia-nav">
<a class="tcia-nav-logo" href="https://www.tciamn.org" target="_blank">
<img src="https://images.squarespace-cdn.com/content/5b9081c58ab7224793278e1d/d938cbda-a43f-485d-bc14-9eb929752606/TCIA_Logo_T.png?content-type=image%2Fpng" alt="Twin Cities Innovation Alliance logo" loading="eager" decoding="async">
</a>
<div class="tcia-nav-links">
<a href="https://www.tciamn.org/about" target="_blank">About</a>
<a href="https://www.tciamn.org/noticecoalition" target="_blank">NOTICE</a>
<a href="https://www.tciamn.org/d4pg" target="_blank" class="active">D4PG</a>
<a href="https://www.tciamn.org/resources" target="_blank">Resources</a>
</div>
</nav> -->
<div class="d4pg-banner">
<div class="d4pg-banner-left">
<div class="d4pg-badge">D4PG · 2026</div>
<div class="d4pg-banner-text">
Part of <strong>Data for Public Good — Creative Futures</strong> · An educational resource from TCIA's community tech library
</div>
</div>
<a class="d4pg-banner-link" href="https://www.tciamn.org/d4pg" target="_blank">← Back to D4PG</a>
</div>
<!-- NAV BAR (shared between both pages) -->
<div id="page-nav">
<button class="nav-btn active" onclick="showPage('timeline')">🌳 Founders Tree</button>
<button class="nav-btn" onclick="showPage('resource')">🛠️ Community Tools Guide</button>
</div>
<div id="timeline-page">
<div id="timeline-header">
<div class="header-eyebrow">Open Source · Power · People · Possibility</div>
<h1>Who Built The <em>Internet</em><br>You Live In?</h1>
<div class="header-sub">A D4PG community resource — the history of open source, who it serves, and how your community can reclaim it</div>
<div class="hint"><span>↓</span> Click any card to reveal creator bio, solutions built & what it means for your community</div>
</div>
<div class="timeline">
<div class="trunk-line"></div>
<!-- TCIA FRAMING INTRO -->
<div class="tcia-intro">
<div class="community-panel">
<div class="community-panel-head">
<div class="cp-icon">✊</div>
<div class="cp-label">Why this matters — The opportunity context</div>
</div>
<p>The internet, the smartphone in your pocket, the maps you navigate by, the tools your children learn with — <strong>most of it was built on open source software.</strong> Code that anyone can use, study, change, and share. Code that was designed to belong to everyone.</p>
<p class="margin-top-sm">But here's the question TCIA is asking: <strong>if the infrastructure is open, why do so few communities hold power over it?</strong> Who governs the algorithms shaping your housing application, your child's school software, your neighborhood's surveillance systems? Understanding open source history is not a tech lesson — it's a power lesson. <strong>Technological direction is a political choice, not a natural law.</strong></p>
<div class="cp-stakes">
<span class="cp-stake cp-stake-green">Who governs?</span>
<span class="cp-stake cp-stake-amber">Who benefits?</span>
<span class="cp-stake cp-stake-pink">Who bears risk?</span>
<span class="cp-stake cp-stake-blue">Who gets to build?</span>
</div>
</div>
</div>
<!-- Timeline milestones and cards would go here - repeating the same card structure from original -->
<!-- For brevity in this implementation, I'm showing the structure -->
<!-- The full content with all 15+ milestone cards should be copied from the original tcia.html -->
<!-- This includes: 1983 (Stallman), 1985 (FSF), 1991 (Linux), 1993 (Web), 1997-1998 (OSI), 2001 (Creative Commons), 2005 (Git), -->
<!-- 2008 (GitHub), 2013-2014 (Docker), 2015-2016 (TensorFlow), 2022-2023 (LLaMA), 2024-2026 (LF Energy), and Daily Life section -->
<!-- ════════════════ 1983 ════════════════ -->
<div class="year-badge"><div class="yr">1983</div></div>
<div class="row" style="--c:var(--c1)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🧔</div>
<div class="card-meta">
<div class="card-tag">GNU Project · Free Software</div>
<div class="card-title">Richard Stallman Announces GNU</div>
<div class="card-year-small">September 27, 1983</div>
</div>
</div>
<div class="card-summary">
Stallman posts to net.unix-wizards declaring a mission to build a complete free Unix-compatible operating system. The philosophical foundations of software freedom are laid — code as shared human inheritance.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div>
<div class="panel-label">Creator Bio</div>
<div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Full Name</div><div class="bio-val">Richard Matthew Stallman (RMS)</div>
<div class="bio-key">Born</div><div class="bio-val">March 16, 1953 — New York City, USA</div>
<div class="bio-key">Education</div><div class="bio-val">Harvard University (Physics); MIT (dropped out)</div>
<div class="bio-key">Career</div><div class="bio-val">MIT AI Lab programmer (1971–1984); founder of GNU Project & FSF</div>
<div class="bio-key">Philosophy</div><div class="bio-val">"Free as in freedom, not free as in beer." Software must be modifiable and shareable as a matter of ethics.</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div>
<div class="panel-label">Solutions Created</div>
<div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>GNU Compiler Collection (GCC) — the compiler that builds nearly all open source software to this day</li>
<li>GNU Emacs — a programmable text editor still in active use 40+ years later</li>
<li>GNU Debugger (GDB), GNU Make, Bash shell — core developer toolchain</li>
<li>Copyleft licensing concept — using copyright law to guarantee perpetual freedom</li>
<li>GNU Public License (GPL) — the legal framework that protects billions of lines of open code</li>
</ul>
<div class="impact-bar-wrap">
<div class="impact-label">Longevity Impact</div>
<div class="impact-bar"><div class="impact-bar-fill" style="width:97%"></div></div>
<div class="impact-bar-label"><span>GCC still powers Linux kernel builds</span><span>97%</span></div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Impact</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
Stallman's copyleft model ensures software improvements cannot be enclosed. Every improvement to a GPL tool must remain free — creating a permanently self-sustaining commons. GNU tools now run the infrastructure of global climate research, satellite monitoring, and environmental modelling systems.
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body">Stallman's insight was that <strong>ownership of tools is ownership of power.</strong> When your community uses proprietary software — in schools, city halls, clinics — you are renting infrastructure from corporations who can change the terms, raise prices, or shut you out. GPL-licensed tools like LibreOffice and Linux belong to no corporation. <strong>Every public institution in Minneapolis and St. Paul could switch to free, community-governed software today</strong> — saving millions in licensing fees and reclaiming data sovereignty. TCIA's Data Trust work is built on this same principle: shared infrastructure, governed collectively.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ════════════════ 1985 ════════════════ -->
<div class="year-badge"><div class="yr">1985</div></div>
<div class="row" style="--c:var(--c1)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">📜</div>
<div class="card-meta">
<div class="card-tag">Free Software Foundation · Licensing</div>
<div class="card-title">FSF Founded & GNU Manifesto</div>
<div class="card-year-small">October 4, 1985</div>
</div>
</div>
<div class="card-summary">
Stallman founds the Free Software Foundation and publishes the GNU Manifesto — articulating the four freedoms: use, study, modify, distribute. A moral framework for software becomes institutionalised.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Creator Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Organisation</div><div class="bio-val">Free Software Foundation (FSF), Boston MA</div>
<div class="bio-key">Founding</div><div class="bio-val">1985 by Richard Stallman with initial volunteers</div>
<div class="bio-key">Mission</div><div class="bio-val">Promote, protect, and extend software freedom globally</div>
<div class="bio-key">Model</div><div class="bio-val">Non-profit; sustains GNU infrastructure through donations and memberships</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>GPL v1 (1989), v2 (1991), v3 (2007) — the world's most widely used free software license</li>
<li>GNU Lesser GPL (LGPL) — allowing libraries to be used in proprietary code</li>
<li>GNU Affero GPL (AGPL) — extending copyleft to network/cloud services</li>
<li>Free Software Definition — canonical standard for what qualifies as free software</li>
<li>GNU Savannah — hosting platform for thousands of free software projects</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-empty"></div>
</div>
<!-- ════════════════ 1991 ════════════════ -->
<div class="year-badge"><div class="yr">1991</div></div>
<div class="branch-header right" style="--c:var(--c2)">
<div class="blabel">⎇ Linux Kernel Branch</div>
</div>
<div class="row" style="--c:var(--c2)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🐧</div>
<div class="card-meta">
<div class="card-tag">Linux Kernel · Operating Systems</div>
<div class="card-title">Linus Torvalds Releases Linux 0.01</div>
<div class="card-year-small">September 17, 1991</div>
</div>
</div>
<div class="card-summary">
A 21-year-old Finnish computer science student posts "I'm doing a (free) operating system (just a hobby)" to a Usenet group. The kernel that would come to power 97% of the world's supercomputers, all Android devices, and the vast majority of the internet begins.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Creator Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Full Name</div><div class="bio-val">Linus Benedict Torvalds</div>
<div class="bio-key">Born</div><div class="bio-val">December 28, 1969 — Helsinki, Finland</div>
<div class="bio-key">Education</div><div class="bio-val">University of Helsinki — M.Sc. Computer Science (1996)</div>
<div class="bio-key">Career</div><div class="bio-val">Linux kernel maintainer; Senior Fellow at Linux Foundation</div>
<div class="bio-key">Motivation</div><div class="bio-val">Frustration with the cost of MINIX, a proprietary Unix clone used in teaching. Wrote Linux on a 33 MHz Intel 386 with 4MB RAM.</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>Linux Kernel — powers Android (3B+ devices), 96.4% of top 1M web servers, all 500 of the world's top supercomputers</li>
<li>Git (2005) — distributed version control system now used by 90%+ of developers worldwide</li>
<li>Subsurface (2011) — dive logging software, open source</li>
<li>Linux kernel patch review model — a meritocratic, email-based governance system adopted by thousands of projects</li>
</ul>
<div class="impact-bar-wrap">
<div class="impact-label">Global Device Penetration</div>
<div class="impact-bar"><div class="impact-bar-fill" style="width:92%"></div></div>
<div class="impact-bar-label"><span>Linux runs on ~92% of internet infrastructure</span><span>92%</span></div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Impact</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
Linux is the OS of energy transition infrastructure: wind farm SCADA systems, solar inverter controllers, EV charging networks, and smart grid management platforms all run on Linux. The Linux Foundation's LF Energy project now coordinates open source energy software across 50+ utilities worldwide.
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body">Linux powers 92% of internet infrastructure — and yet most communities have no say in how that infrastructure is governed. <strong>The question isn't whether your community uses Linux. It does.</strong> Every city website, every school server, every hospital record system likely runs on it. The opportunity is to <strong>move from passive user to active stakeholder</strong> — advocating for open source procurement policies in city government, demanding that public data systems run on auditable open code, and training local technologists who can maintain and modify these systems. What a student from North Minneapolis builds on Linux today could run a city system tomorrow.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ════════════════ 1993 ════════════════ -->
<div class="year-badge"><div class="yr">1993</div></div>
<div class="branch-header left" style="--c:var(--c3)">
<div class="blabel">⎇ Open Web Branch</div>
</div>
<div class="row" style="--c:var(--c3)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🌐</div>
<div class="card-meta">
<div class="card-tag">Open Web · Standards</div>
<div class="card-title">CERN Releases Web into Public Domain</div>
<div class="card-year-small">April 30, 1993</div>
</div>
</div>
<div class="card-summary">
Tim Berners-Lee and CERN release the World Wide Web protocols into the public domain — free for anyone to use, forever. The decision not to patent the web is arguably the largest gift to human knowledge in history.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Creator Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Full Name</div><div class="bio-val">Sir Timothy John Berners-Lee</div>
<div class="bio-key">Born</div><div class="bio-val">June 8, 1955 — London, England</div>
<div class="bio-key">Education</div><div class="bio-val">Oxford University — B.A. Physics, 1976</div>
<div class="bio-key">Career</div><div class="bio-val">CERN contractor → founded W3C (1994); Professor at MIT & Oxford; founder of Solid project</div>
<div class="bio-key">Honours</div><div class="bio-val">Knighted 2004; Turing Award 2016; TIME 100 Person of the 20th Century</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>HTTP — HyperText Transfer Protocol, the universal language of the web</li>
<li>HTML — HyperText Markup Language, structural format of every web page</li>
<li>URL/URI — Universal resource addressing system</li>
<li>W3C (World Wide Web Consortium) — open standards body governing the web</li>
<li>Solid — a decentralised web protocol giving users control of their own data (ongoing)</li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body">Berners-Lee gave the web to the world for free — <strong>but corporations have been enclosing it ever since.</strong> Social media platforms, search engines, and app stores have rebuilt walled gardens on top of open protocols. Your community's digital presence — its stories, its networks, its organizing history — lives on platforms that can delete it, de-monetize it, or weaponize it against you. <strong>Berners-Lee's Solid project is building the next web</strong>, where you own your own data and move it freely between services. TCIA's data trust model is rooted in this same vision: community-controlled data, not extracted data. Learning to host your own websites, run your own servers, and use open protocols is an act of sovereignty.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-empty"></div>
</div>
<!-- ════════════════ 1997–1998 ════════════════ -->
<div class="year-badge"><div class="yr">1997 – 1998</div></div>
<div class="branch-header right" style="--c:var(--c4)">
<div class="blabel">⎇ Commercial & OSI Branch</div>
</div>
<div class="row" style="--c:var(--c3)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">📖</div>
<div class="card-meta">
<div class="card-tag">Philosophy · Collaboration Theory</div>
<div class="card-title">Eric Raymond: The Cathedral & the Bazaar</div>
<div class="card-year-small">1997</div>
</div>
</div>
<div class="card-summary">
Raymond's essay arguing that distributed open development ("the bazaar") produces better software than closed hierarchies ("the cathedral"). Persuaded Netscape to open-source Navigator — the decision that created Mozilla and Firefox.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Creator Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Full Name</div><div class="bio-val">Eric Steven Raymond (ESR)</div>
<div class="bio-key">Born</div><div class="bio-val">December 4, 1957 — Boston, USA</div>
<div class="bio-key">Career</div><div class="bio-val">Programmer, author, open source advocate; co-founder of Open Source Initiative</div>
<div class="bio-key">Key Works</div><div class="bio-val">"The Cathedral and the Bazaar" (1997), "The Art of Unix Programming" (2003)</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>fetchmail — widely used email retrieval tool, still in use</li>
<li>Open Source Initiative (co-founder, 1998) — the canonical licensing body for open source</li>
<li>Open Source Definition — the standard that defines what qualifies as open source</li>
<li>Conceptual framework for distributed software development — influenced Agile, DevOps, and modern engineering culture</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" style="--c:var(--c4)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🏛️</div>
<div class="card-meta">
<div class="card-tag">OSI · Licensing</div>
<div class="card-title">"Open Source" Coined — OSI Founded</div>
<div class="card-year-small">February 1998</div>
</div>
</div>
<div class="card-summary">
Christine Peterson coins "open source" at a strategy session in Palo Alto. Bruce Perens and Eric Raymond found the Open Source Initiative. The pragmatic rebranding of free software begins — enabling corporate adoption.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Key People</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Coined by</div><div class="bio-val">Christine Peterson — co-founder of Foresight Institute; nanotechnology researcher</div>
<div class="bio-key">Bruce Perens</div><div class="bio-val">Debian project leader; authored Open Source Definition; signatory of original Debian Social Contract</div>
<div class="bio-key">Context</div><div class="bio-val">Strategy session on Jan 22, 1998 in Palo Alto following Netscape's announcement to open Navigator source</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>Open Source Definition (OSD) — 10 criteria defining what qualifies as open source, still used today</li>
<li>OSI license approval process — certifies licenses as open source compliant</li>
<li>Reframing of "free software" to "open source" — enabling corporate participation and investment</li>
<li>Debian Social Contract — a template for community governance adopted by many subsequent projects</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-empty"></div>
</div>
<!-- ════════════════ 2001 ════════════════ -->
<div class="year-badge"><div class="yr">2001</div></div>
<div class="row" style="--c:var(--c3)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">⚖️</div>
<div class="card-meta">
<div class="card-tag">Creative Commons · Open Culture</div>
<div class="card-title">Lawrence Lessig Founds Creative Commons</div>
<div class="card-year-small">2001</div>
</div>
</div>
<div class="card-summary">
Lessig extends open source philosophy beyond software to all creative works — music, film, writing, science, education. CC licenses power Wikipedia, OpenStreetMap, and the global open access academic movement.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Creator Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Full Name</div><div class="bio-val">Lawrence Lessig</div>
<div class="bio-key">Born</div><div class="bio-val">June 3, 1961 — Rapid City, South Dakota, USA</div>
<div class="bio-key">Education</div><div class="bio-val">University of Pennsylvania (B.A.); Trinity College Cambridge (M.A.); Yale Law School (J.D.)</div>
<div class="bio-key">Career</div><div class="bio-val">Professor at Harvard Law School; founding board of Wikipedia; legal theorist of internet governance</div>
<div class="bio-key">Books</div><div class="bio-val">"Code and Other Laws of Cyberspace" (1999), "The Future of Ideas" (2001), "Free Culture" (2004)</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>Creative Commons license suite (CC0, CC-BY, CC-SA etc.) — 2.5B+ works licensed globally</li>
<li>Legal infrastructure for open access scientific publishing</li>
<li>Wikipedia's licensing framework (CC-BY-SA) — 60M+ articles freely shared</li>
<li>OpenStreetMap license basis — the open geography dataset used in humanitarian aid, disaster response, and urban planning</li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Impact</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
CC licenses power the open access science movement — allowing climate research, biodiversity data, and environmental models to be freely shared. The IPCC reports, open biodiversity databases (GBIF), and NASA's Earth Observation data all rely on CC-licensed frameworks to share findings globally.
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body"><strong>Your community's knowledge, art, and stories have value — and you get to choose who profits from them.</strong> Creative Commons licenses let artists, educators, and organizers share their work freely while keeping control. Musicians in North Minneapolis can release music that anyone can remix for community events but nobody can sell without permission. Educators can share curriculum freely across districts. <strong>The cultural production of Black and Brown communities has been extracted and monetized by corporations for generations</strong> — CC licensing is one tool for communities to control their own narrative, protect their intellectual legacy, and build on each other's work rather than starting from scratch. Wikipedia, the free encyclopedia built by volunteers, runs entirely on these licenses.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ════════════════ 2005 ════════════════ -->
<div class="year-badge"><div class="yr">2005</div></div>
<div class="row" style="--c:var(--c2)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🌿</div>
<div class="card-meta">
<div class="card-tag">Version Control · Collaboration</div>
<div class="card-title">Linus Torvalds Creates Git</div>
<div class="card-year-small">April 7, 2005</div>
</div>
</div>
<div class="card-summary">
After a licensing dispute ends Linux's use of BitKeeper, Torvalds writes a distributed version control system in ten days. Git becomes the universal language of collaborative software development — used by 98% of developers globally.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Creator Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
See Linus Torvalds bio above (Linux Kernel, 1991). Git was written in April 2005 — Torvalds considered it done in 2.5 months, with initial Linux kernel hosting complete in June 2005.
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>Git — decentralised version control; every copy is a full repository with complete history</li>
<li>Branching model — enables parallel development without central authority</li>
<li>Infrastructure for GitHub, GitLab, Bitbucket — platforms hosting 500M+ repositories</li>
<li>The pull-request workflow — now the global standard for collaborative code review</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-empty"></div>
</div>
<!-- ════════════════ 2008 ════════════════ -->
<div class="year-badge"><div class="yr">2008</div></div>
<div class="branch-header right" style="--c:var(--c5)">
<div class="blabel">⎇ Cloud & Platform Branch</div>
</div>
<div class="row" style="--c:var(--c5)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🐙</div>
<div class="card-meta">
<div class="card-tag">GitHub · Social Coding</div>
<div class="card-title">Tom Preston-Werner & Chris Wanstrath Found GitHub</div>
<div class="card-year-small">February 8, 2008</div>
</div>
</div>
<div class="card-summary">
GitHub launches as "social coding" — wrapping Git in a discoverable web interface with forking, pull requests, and developer profiles. It transforms open source from a mailing-list culture into a networked, visual commons. By 2023: 100M+ developers, 420M+ repositories.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Founders Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Tom Preston-Werner</div><div class="bio-val">Born 1979, Iowa. Dropped out of Harvey Mudd College. Created Jekyll (static site generator), Gravatar, Semantic Versioning (semver). Left GitHub 2014.</div>
<div class="bio-key">Chris Wanstrath</div><div class="bio-val">Born 1985, Cincinnati. Self-taught programmer. GitHub CEO 2008–2018. Led Microsoft acquisition process.</div>
<div class="bio-key">PJ Hyett</div><div class="bio-val">Co-founder; led GitHub's engineering early years.</div>
<div class="bio-key">Scott Chacon</div><div class="bio-val">Co-founder; wrote "Pro Git" book (free, CC-licensed); Git evangelist.</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>GitHub — the world's largest open source code host (100M+ developers as of 2023)</li>
<li>Pull Request workflow — now the universal pattern for code review and contribution</li>
<li>GitHub Actions — CI/CD automation integrated into open source workflow</li>
<li>GitHub Copilot — AI pair programmer trained on open source code (controversial)</li>
<li>GitHub Sponsors — economic sustainability model for open source maintainers</li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — and the warning</div>
<div class="op-body">GitHub made open source social and accessible — <strong>but Microsoft's $7.5 billion acquisition in 2018 is a case study in enclosure.</strong> The world's open source commons is now owned by a corporation. When GitHub goes down, global software development stops. This is exactly the pattern TCIA's framework names: communities build the resource, corporations capture it. <strong>The opportunity is twofold:</strong> First, the tools GitHub hosts are still free — any young person in your community can learn to code, contribute to real projects, and build a portfolio that opens doors. Second, alternatives like Codeberg and GitLab offer community-governed hosting. Pushing city and school systems toward open, non-Microsoft-controlled platforms is a concrete policy ask your community can make right now.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ════════════════ 2013–2014 ════════════════ -->
<div class="year-badge"><div class="yr">2013 – 2014</div></div>
<div class="row" style="--c:var(--c5)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">📦</div>
<div class="card-meta">
<div class="card-tag">Containerisation · Cloud Infrastructure</div>
<div class="card-title">Solomon Hykes Creates Docker</div>
<div class="card-year-small">March 2013</div>
</div>
</div>
<div class="card-summary">
Docker open-sources container technology — allowing applications and their dependencies to be bundled into portable, reproducible units. Kubernetes follows in 2014. Together they become the universal platform for deploying software on open infrastructure.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Creator Bio</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Full Name</div><div class="bio-val">Solomon Hykes</div>
<div class="bio-key">Born</div><div class="bio-val">1983 — Franco-American, raised in Paris and New York</div>
<div class="bio-key">Education</div><div class="bio-val">École pour l'informatique et les techniques avancées (EPITA), Paris</div>
<div class="bio-key">Career</div><div class="bio-val">Founded dotCloud (PaaS startup) → pivoted to Docker Inc. 2013; left Docker 2018; founded Dagger.io (2022)</div>
<div class="bio-key">Kubernetes</div><div class="bio-val">Created at Google by Joe Beda, Brendan Burns, Craig McLuckie — open-sourced June 2014; donated to CNCF 2016</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>Docker — container runtime and image format; changed how every application is deployed globally</li>
<li>Docker Hub — public registry of 8M+ container images</li>
<li>OCI (Open Container Initiative) — open standard for container formats and runtimes</li>
<li>Kubernetes (Google, 2014) — container orchestration platform now governing the majority of cloud workloads</li>
<li>CNCF (Cloud Native Computing Foundation) — governs 170+ open source cloud-native projects</li>
</ul>
<div class="impact-bar-wrap">
<div class="impact-label">Enterprise Kubernetes Adoption</div>
<div class="impact-bar"><div class="impact-bar-fill" style="width:84%"></div></div>
<div class="impact-bar-label"><span>84% of enterprises run Kubernetes in production</span><span>84%</span></div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Impact</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
Containers enable fine-grained resource allocation, dramatically reducing idle server capacity. Kubernetes bin-packing algorithms improve server utilisation from ~15% to 60–80%, reducing the physical footprint of the internet. The CNCF's Environmental Sustainability TAG specifically tracks cloud-native tools for carbon-aware workload scheduling.
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body">Cloud infrastructure sounds distant — but it shapes the cost of every digital service your community uses. <strong>When nonprofits, schools, and community organizations pay for cloud services, where does that money go?</strong> Almost entirely to Amazon, Microsoft, and Google. Open source infrastructure tools like Kubernetes mean that a technically skilled community organization can run its own cloud — reducing dependency on tech monopolies and keeping resources local. More immediately: <strong>these are high-paying jobs.</strong> Cloud infrastructure skills are among the most in-demand in the tech industry. TCIA's workforce development work can directly target this pipeline, connecting Twin Cities youth to careers that don't require a four-year degree — just structured learning and open source practice.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-empty"></div>
</div>
<!-- ════════════════ 2015–2016 ════════════════ -->
<div class="year-badge"><div class="yr">2015 – 2016</div></div>
<div class="branch-header right" style="--c:var(--c6)">
<div class="blabel">⎇ Open Source AI Branch</div>
</div>
<div class="row" style="--c:var(--c6)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🧠</div>
<div class="card-meta">
<div class="card-tag">Machine Learning · AI Frameworks</div>
<div class="card-title">Google Open-Sources TensorFlow</div>
<div class="card-year-small">November 9, 2015</div>
</div>
</div>
<div class="card-summary">
Google releases its internal machine learning framework as open source. PyTorch (Facebook/Meta) follows in 2016. Together they democratise deep learning research — enabling universities, startups, and researchers in every country to build AI without proprietary tools.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Key People</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Jeff Dean</div><div class="bio-val">Google Senior Fellow; led Google Brain; co-creator of MapReduce, BigTable, and TensorFlow; MIT Ph.D.</div>
<div class="bio-key">Martín Abadi</div><div class="bio-val">Lead TensorFlow researcher; previously at Bell Labs and DEC SRC; professor at UC Santa Cruz</div>
<div class="bio-key">PyTorch (Meta)</div><div class="bio-val">Created by Soumith Chintala (NYU) and team at Facebook AI Research (FAIR); released January 2017</div>
<div class="bio-key">Yann LeCun</div><div class="bio-val">Meta Chief AI Scientist; Turing Award winner; pioneer of convolutional neural networks; championed PyTorch's open release</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>TensorFlow — used to build image recognition, NLP, and medical diagnosis systems in 180+ countries</li>
<li>Keras — high-level neural network API (now integrated into TensorFlow)</li>
<li>PyTorch — dominant research framework; 80%+ of AI research papers use it</li>
<li>TFHub / Hugging Face — model hubs enabling transfer learning without massive compute</li>
<li>TensorFlow Lite / ONNX — enabling AI inference on low-power edge devices and smartphones</li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Impact</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
Open ML frameworks power climate and environmental science: weather forecasting (GraphCast), wildfire spread prediction, plastic pollution tracking in oceans, and species identification (iNaturalist). DeepMind's AlphaFold — which solved 200M protein structures and runs on PyTorch/JAX — is accelerating drug discovery and materials science for clean energy.
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — and the stakes</div>
<div class="op-body"><strong>AI is being built right now, and most of the people building it do not look like your community.</strong> The tools — TensorFlow, PyTorch — are free and open. The knowledge to use them is accessible. What's missing is the on-ramp: mentorship, context, and a community that says this is for you too. <strong>But open tools can also be used against communities.</strong> The same frameworks that power medical breakthroughs power predictive policing algorithms, tenant screening systems, and automated benefits denial. Understanding how these tools work is not optional for communities that will be governed by them. TCIA's Cradle to Prison Algorithm initiative puts this directly: you cannot challenge algorithmic harm if you cannot name it. Open source AI literacy is a civil rights issue.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ════════════════ 2022–2023 ════════════════ -->
<div class="year-badge"><div class="yr">2022 – 2023</div></div>
<div class="row" style="--c:var(--c6)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🤗</div>
<div class="card-meta">
<div class="card-tag">Open LLMs · AI Commons</div>
<div class="card-title">Meta Releases LLaMA; Hugging Face Becomes the AI Commons</div>
<div class="card-year-small">February 2023</div>
</div>
</div>
<div class="card-summary">
Meta releases LLaMA model weights to researchers, triggering a wave of open large language models. Hugging Face — founded by Clément Delangue, Julien Chaumond, and Thomas Wolf — becomes the "GitHub of AI" with 500K+ models and datasets.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Key People</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">Clément Delangue</div><div class="bio-val">CEO of Hugging Face; French entrepreneur; previously led marketing at Moodstocks (acquired by Google)</div>
<div class="bio-key">Thomas Wolf</div><div class="bio-val">Chief Science Officer; led creation of Transformers library; physicist turned NLP researcher</div>
<div class="bio-key">LLaMA Team</div><div class="bio-val">Meta AI Research team including Hugo Touvron, Thibaut Lavril — released LLaMA-1 Feb 2023, LLaMA-2 July 2023 (commercially licensed), LLaMA-3 2024</div>
<div class="bio-key">Mistral AI</div><div class="bio-val">Founded 2023 by ex-DeepMind/Meta researchers Arthur Mensch, Guillaume Lample — Paris-based; released Mistral 7B as fully open source</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>Hugging Face Transformers library — 500K+ pre-trained models, 100K+ datasets freely accessible</li>
<li>LLaMA / Llama 2 / Llama 3 — open weights LLMs enabling local inference without cloud dependency</li>
<li>Mistral 7B, Mixtral — open source models competitive with proprietary frontier models</li>
<li>PEFT / LoRA — parameter-efficient fine-tuning enabling model customisation on consumer hardware</li>
<li>Inference on edge (Ollama, llama.cpp) — run powerful AI locally; no data leaves the device</li>
</ul>
<div class="impact-bar-wrap">
<div class="impact-label">Hugging Face Model Growth</div>
<div class="impact-bar"><div class="impact-bar-fill" style="width:89%"></div></div>
<div class="impact-bar-label"><span>500K+ models hosted publicly (2024)</span><span>500K+</span></div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Impact</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
Local open LLMs dramatically reduce the energy cost per AI inference. Running Llama 3 8B locally on a laptop uses a fraction of the energy of a cloud API call. Open models also enable AI for environmental NGOs, climate researchers, and conservation organisations that cannot afford proprietary API costs — democratising access to transformative tools for planetary sustainability work.
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — this is the moment</div>
<div class="op-body">Open large language models are the most significant democratization of AI capability in history — and they arrived in 2023. <strong>Your community does not have to wait for Google or OpenAI to decide what AI is for.</strong> A neighborhood health clinic can run its own local AI on a laptop — no data leaving the building, no subscription, no corporate terms of service. A legal aid organization can build an AI tool trained on tenant rights law. A school can deploy an AI tutor that reflects its students' culture and language. <strong>The window is open right now</strong>, but it will not stay open. As TCIA's framework names: corporations are moving to re-enclose what the open source community built. Communities that learn to build, host, and govern their own AI tools in the next 18 months will have durable leverage. Communities that wait will be consumers of someone else's product again.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-empty"></div>
</div>
<!-- ════════════════ 2024–2026 ════════════════ -->
<div class="year-badge"><div class="yr">2024 – 2026</div></div>
<div class="row" style="--c:var(--c5)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">⚡</div>
<div class="card-meta">
<div class="card-tag">LF Energy · Climate Tech</div>
<div class="card-title">Open Source Powers the Energy Transition</div>
<div class="card-year-small">Ongoing</div>
</div>
</div>
<div class="card-summary">
LF Energy (Linux Foundation) now hosts 30+ open source projects for the energy sector — from smart grid management to EV charging protocols. PyPSA, OpenDSS, and OpenEMS are becoming the shared infrastructure of the global energy transition.
</div>
<div class="card-toggle">
<span class="toggle-icon">▼</span> Expand: Bio & Solutions
</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">👤</div><div class="panel-label">Key Organisations</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="bio-grid">
<div class="bio-key">LF Energy</div><div class="bio-val">Linux Foundation sub-foundation; founded 2018; 50+ member organisations including RTE (France), EPRI, and major utilities</div>
<div class="bio-key">PyPSA</div><div class="bio-val">Python for Power Systems Analysis — open energy system modelling used by national grid planners worldwide</div>
<div class="bio-key">Open Climate Fix</div><div class="bio-val">UK nonprofit; uses open ML to improve solar power forecasting, reducing the need for gas backup power</div>
<div class="bio-key">OSPO Alliance</div><div class="bio-val">Open Source Programme Office network; promotes open source governance in public institutions across Europe</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Solutions Created</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<ul class="solutions-list">
<li>PyPSA — models entire national energy systems; used by Germany, South Africa, and the EU to plan renewable transitions</li>
<li>OpenEMS — open energy management system for smart grids and microgrids</li>
<li>OperatorFabric — open source platform for real-time power grid operations (RTE, France)</li>
<li>Seapath — open source substation automation platform</li>
<li>Open Climate Fix solar nowcasting — ML forecasting that reduces gas peaker plant usage by predicting solar output 4hrs ahead</li>
</ul>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body">The energy transition is not just an environmental issue — it is an economic justice issue. <strong>Who owns the solar panels on rooftops in North Minneapolis? Who controls the smart grid algorithms that decide which neighborhoods get power first during outages?</strong> Open source energy tools mean that community energy cooperatives can model their own microgrids, negotiate from an informed position with utilities, and eventually own local energy infrastructure. Cities like Minneapolis that have committed to clean energy goals can be held accountable through open data and open tools — and community members who understand those tools can sit at the table as informed advocates, not just witnesses. <strong>Energy sovereignty and data sovereignty are the same fight.</strong></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ════════════════ DAILY LIFE BRANCH ════════════════ -->
<div class="year-badge"><div class="yr">Every Day · Right Now</div></div>
<div class="branch-header left" style="--c:var(--c7)">
<div class="blabel">⎇ Daily Life Powered by Open Source</div>
</div>
<!-- Row 1: Android & Firefox -->
<div class="row" style="--c:var(--c7)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">📱</div>
<div class="card-meta">
<div class="card-tag">Mobile · Communication</div>
<div class="card-title">Your Smartphone (Android)</div>
<div class="card-year-small">3.9 billion Android users worldwide</div>
</div>
</div>
<div class="card-summary">
Every Android phone runs the Linux kernel at its core. The OS — from your notifications to your camera app — is built on the Android Open Source Project (AOSP). You use open source the moment you pick up your phone. <a class="cite" href="https://gs.statcounter.com/os-market-share/mobile/worldwide" target="_blank">[1]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">🐧</div>
<div class="daily-item-name">Linux Kernel</div>
<div class="daily-item-desc">Manages hardware, memory, and processes on every Android device <a class="cite" href="https://source.android.com/docs/core/architecture/kernel" target="_blank">[2]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">📦</div>
<div class="daily-item-name">AOSP</div>
<div class="daily-item-desc">Android Open Source Project — the base OS that Samsung, Google, and others build upon <a class="cite" href="https://source.android.com/" target="_blank">[3]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🌐</div>
<div class="daily-item-name">Chromium / WebKit</div>
<div class="daily-item-desc">Open source browser engine powering Chrome, Samsung Browser, and the Android WebView used by every app <a class="cite" href="https://www.chromium.org/chromium-projects/" target="_blank">[4]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🔒</div>
<div class="daily-item-name">OpenSSL / BoringSSL</div>
<div class="daily-item-desc">Open source cryptography securing every HTTPS connection your phone makes <a class="cite" href="https://boringssl.googlesource.com/boringssl/" target="_blank">[5]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Note</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
AOSP's open nature enables repair-focused operating systems like /e/OS and LineageOS — extending phone lifespans and reducing e-waste. Community-maintained OS builds allow devices to receive security updates years beyond manufacturer support. <a class="cite" href="https://lineageos.org/" target="_blank">[6]</a>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body">Your smartphone is a surveillance device you carry voluntarily — but it doesn't have to be. <strong>The same Linux kernel powering your Android can power one with no Google tracking, no targeted advertising, no data sent to corporations.</strong> LineageOS and GrapheneOS are free alternatives schools and organizations can deploy on existing hardware. For families concerned about children's data collected by school-issued devices, or organizers who need secure communications, these tools exist right now. <strong>Phone repair is also a community economic opportunity:</strong> refurbishing and reflashing devices with open OS builds creates local tech jobs and keeps hardware out of landfills.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🦊</div>
<div class="card-meta">
<div class="card-tag">Web Browsing · Privacy</div>
<div class="card-title">Firefox & Chromium Browsers</div>
<div class="card-year-small">~3 billion web users daily</div>
</div>
</div>
<div class="card-summary">
Firefox is fully open source (Mozilla Public License). Chrome is built on the open source Chromium project. Every webpage you visit, every search you run, is rendered by open source browser engines. <a class="cite" href="https://www.mozilla.org/en-US/firefox/browsers/what-is-a-browser/" target="_blank">[7]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">🦊</div>
<div class="daily-item-name">Mozilla Firefox</div>
<div class="daily-item-desc">Fully open source; spawned from Netscape's 1998 open-source release; 180M+ users <a class="cite" href="https://github.com/mozilla/gecko-dev" target="_blank">[8]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">⚙️</div>
<div class="daily-item-name">Chromium</div>
<div class="daily-item-desc">Open source base for Chrome, Edge, Brave, Opera, Arc — used by 65%+ of web users <a class="cite" href="https://chromium.googlesource.com/chromium/src" target="_blank">[9]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🕊️</div>
<div class="daily-item-name">V8 / SpiderMonkey</div>
<div class="daily-item-desc">Open source JavaScript engines that execute every web app and interactive page <a class="cite" href="https://v8.dev/" target="_blank">[10]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🛡️</div>
<div class="daily-item-name">uBlock Origin</div>
<div class="daily-item-desc">Open source ad/tracker blocker used by 40M+ people; community-maintained filter lists <a class="cite" href="https://github.com/gorhill/uBlock" target="_blank">[11]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — one install, immediate impact</div>
<div class="op-body">Switching to Firefox and installing uBlock Origin takes five minutes and immediately stops hundreds of advertising trackers from following your community members across the web. <strong>This is not a technical skill — it's a civic skill.</strong> Every school, church, community center, and neighborhood organization can make this switch today. For parents, it means children's browsing isn't profiled. For organizers, it means your research isn't being fed into surveillance capitalism's data economy. <strong>Digital privacy is not a luxury for the tech-savvy — it's a right, and open source browsers are one of the most accessible ways to exercise it.</strong> TCIA's data literacy workshops can teach this in under an hour.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row 2: Maps & Messaging -->
<div class="row" style="--c:var(--c7)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🗺️</div>
<div class="card-meta">
<div class="card-tag">Navigation · Geography</div>
<div class="card-title">Maps & Navigation (OpenStreetMap)</div>
<div class="card-year-small">10 million+ contributors worldwide</div>
</div>
</div>
<div class="card-summary">
OpenStreetMap (OSM) is the Wikipedia of maps — a free, editable map of the world built by volunteers. It powers Apple Maps, Bing Maps, Mapbox, Uber, Snapchat, and humanitarian disaster response. Every turn-by-turn direction you receive likely touches OSM data. <a class="cite" href="https://www.openstreetmap.org/about" target="_blank">[12]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">🌍</div>
<div class="daily-item-name">OpenStreetMap</div>
<div class="daily-item-desc">Founded 2004 by Steve Coast (UCL); ODbL-licensed map data used in 1M+ apps and services <a class="cite" href="https://wiki.openstreetmap.org/wiki/About_OpenStreetMap" target="_blank">[13]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🗾</div>
<div class="daily-item-name">Leaflet.js</div>
<div class="daily-item-desc">Open source JavaScript mapping library; powers interactive maps on millions of websites <a class="cite" href="https://leafletjs.com/" target="_blank">[14]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">📍</div>
<div class="daily-item-name">OSRM / Valhalla</div>
<div class="daily-item-desc">Open source routing engines that calculate driving, cycling, and walking directions <a class="cite" href="http://project-osrm.org/" target="_blank">[15]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🚑</div>
<div class="daily-item-name">HOT (Humanitarian OSM Team)</div>
<div class="daily-item-desc">Uses OSM for disaster response mapping — mapped Puerto Rico after Hurricane Maria, Haiti after earthquakes <a class="cite" href="https://www.hotosm.org/" target="_blank">[16]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Note</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
OSM is foundational to environmental monitoring. Global Forest Watch, coral reef tracking, wildfire mapping, and flood risk modelling all use OSM base maps. The open licence means conservation organisations can integrate it freely — critical for underfunded environmental NGOs. <a class="cite" href="https://www.globalforestwatch.org/" target="_blank">[17]</a>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity</div>
<div class="op-body"><strong>Your neighborhood's history, its landmarks, its community spaces — none of them exist on Google Maps unless Google decides they matter.</strong> OpenStreetMap is a map that any community member can edit, add to, and correct. Residents of North Minneapolis can map food access deserts, community gardens, and Black-owned businesses in ways that no corporate map platform will prioritize. Humanitarian mapping teams have used OSM to coordinate disaster response in communities corporations ignored. <strong>Mapping your community is an act of claiming it.</strong> TCIA can connect organizers to OSM mapping workshops where no technical background is required — just local knowledge.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row 3: Productivity & Encryption -->
<div class="row" style="--c:var(--c7)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">💬</div>
<div class="card-meta">
<div class="card-tag">Messaging · Encryption</div>
<div class="card-title">Secure Messaging (Signal Protocol)</div>
<div class="card-year-small">End-to-end encrypts billions of messages daily</div>
</div>
</div>
<div class="card-summary">
The Signal Protocol — created by Moxie Marlinspike and Trevor Perrin — is fully open source and encrypts not just Signal, but also WhatsApp (2B+ users), Facebook Messenger's secret conversations, Google Messages (RCS), and Skype private conversations. <a class="cite" href="https://signal.org/docs/" target="_blank">[18]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">🔐</div>
<div class="daily-item-name">Signal Protocol</div>
<div class="daily-item-desc">Double Ratchet + X3DH key exchange; open source; adopted by WhatsApp, Google, Microsoft <a class="cite" href="https://github.com/signalapp/libsignal" target="_blank">[19]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">📨</div>
<div class="daily-item-name">Signal App</div>
<div class="daily-item-desc">Fully open source messenger; AGPLv3; audited by security researchers globally <a class="cite" href="https://github.com/signalapp/Signal-Android" target="_blank">[20]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🛡️</div>
<div class="daily-item-name">OpenPGP / GnuPG</div>
<div class="daily-item-desc">Open standard for email encryption; GNU Privacy Guard (GPG) implements it freely <a class="cite" href="https://gnupg.org/" target="_blank">[21]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🌐</div>
<div class="daily-item-name">Let's Encrypt</div>
<div class="daily-item-desc">Free, open certificate authority; provides HTTPS to 300M+ websites; run by ISRG non-profit <a class="cite" href="https://letsencrypt.org/about/" target="_blank">[22]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — organizer security is community security</div>
<div class="op-body"><strong>Surveillance is not paranoia — it is a documented fact of life for community organizers, activists, and advocates in the Twin Cities and beyond.</strong> Law enforcement has used social media monitoring, subpoenaed messaging records, and data requests to track organizing work. Signal's open source encryption means even the company cannot read your messages — not because you trust Signal, but because the math makes it impossible. <strong>Every community leader, housing advocate, youth organizer, and tenant rights worker should be on Signal today.</strong> TCIA can train your whole team in under an hour. This is not a tech workshop — it is a safety workshop.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">📝</div>
<div class="card-meta">
<div class="card-tag">Productivity · Office</div>
<div class="card-title">LibreOffice & Document Formats</div>
<div class="card-year-small">200 million+ LibreOffice users globally</div>
</div>
</div>
<div class="card-summary">
LibreOffice — the free, open source office suite — is used by 200M+ people and adopted by the governments of Italy, France, Germany, and Brazil as official alternatives to Microsoft Office. The OpenDocument Format (ODF) it created is an ISO standard. <a class="cite" href="https://www.libreoffice.org/about-us/who-are-we/" target="_blank">[23]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">📄</div>
<div class="daily-item-name">LibreOffice</div>
<div class="daily-item-desc">Writer, Calc, Impress, Draw; MPL/LGPL licensed; The Document Foundation <a class="cite" href="https://github.com/LibreOffice/core" target="_blank">[24]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">📐</div>
<div class="daily-item-name">OpenDocument Format (ODF)</div>
<div class="daily-item-desc">ISO/IEC 26300 standard born from open source; ensures document portability across all software <a class="cite" href="https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=office" target="_blank">[25]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">📊</div>
<div class="daily-item-name">Apache OpenOffice</div>
<div class="daily-item-desc">Apache-licensed predecessor; still used by 300M+ downloads since 2012 <a class="cite" href="https://www.openoffice.org/" target="_blank">[26]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🏛️</div>
<div class="daily-item-name">Government Deployments</div>
<div class="daily-item-desc">Munich (LiMux), French Gendarmerie (94K desktops), Italian Ministry of Defence all migrated to open source office suites <a class="cite" href="https://joinup.ec.europa.eu/collection/open-source-observatory-osor" target="_blank">[27]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — public dollars, public tools</div>
<div class="op-body">Every Minneapolis and St. Paul public school that pays for Microsoft 365 is spending community tax dollars on a subscription to a corporation. <strong>LibreOffice does everything Microsoft Office does — for free, forever, with no data sent to corporate servers.</strong> Italy, France, and Germany have moved entire government agencies to LibreOffice. The question is not whether it works — it does. The question is whether there is political will to make the switch. <strong>Advocating for open source office tools in public institutions is a budget justice argument, a data privacy argument, and a sovereignty argument all at once.</strong> TCIA's policy work can frame this case for school boards and city councils today.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row 4: Streaming & Wikipedia -->
<div class="row" style="--c:var(--c7)">
<div class="cell-empty"></div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">📺</div>
<div class="card-meta">
<div class="card-tag">Media · Entertainment</div>
<div class="card-title">Streaming & Video (VLC, FFmpeg, Kodi)</div>
<div class="card-year-small">5 billion+ VLC downloads worldwide</div>
</div>
</div>
<div class="card-summary">
VLC media player (5B+ downloads) and FFmpeg — the open source audio/video processing engine — are the invisible infrastructure of media. Netflix, YouTube, Spotify, TikTok, and virtually every streaming platform use FFmpeg to encode and transcode video. <a class="cite" href="https://www.videolan.org/vlc/releases/3.0.21.html" target="_blank">[28]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">🎬</div>
<div class="daily-item-name">VLC Media Player</div>
<div class="daily-item-desc">GPLv2; plays virtually any media format; created at École Centrale Paris; 5B+ downloads <a class="cite" href="https://github.com/videolan/vlc" target="_blank">[29]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">⚡</div>
<div class="daily-item-name">FFmpeg</div>
<div class="daily-item-desc">The codec engine behind Netflix, YouTube, and Twitch transcoding pipelines; LGPLv2.1 / GPLv2 <a class="cite" href="https://ffmpeg.org/" target="_blank">[30]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🎵</div>
<div class="daily-item-name">Kodi / XBMC</div>
<div class="daily-item-desc">Open source home theatre platform; 30M+ active users; powers smart TVs and set-top boxes <a class="cite" href="https://kodi.tv/about/" target="_blank">[31]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🖼️</div>
<div class="daily-item-name">WebP / AV1 / Opus</div>
<div class="daily-item-desc">Open codec formats (AOM consortium) reducing bandwidth — images load faster, video uses less data <a class="cite" href="https://aomedia.org/" target="_blank">[32]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — own your media infrastructure</div>
<div class="op-body"><strong>Every dollar your community spends on Netflix, YouTube Premium, or Spotify flows out.</strong> PeerTube — an open source, federated video platform — lets any organization host its own video channel with no algorithm deciding who sees it, no corporate terms of service, no data extraction. Community media organizations, youth programs, and cultural institutions can build their own video infrastructure. <strong>VLC plays any video file — including files from your own community archive, your oral histories, your cultural documentation</strong> — without requiring a subscription, without sending viewing data to corporations, and without an algorithm deciding what's worth watching. Open media tools are cultural sovereignty tools.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row 5: Wikipedia & Healthcare -->
<div class="row" style="--c:var(--c7)">
<div class="cell-left">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">📚</div>
<div class="card-meta">
<div class="card-tag">Knowledge · Education</div>
<div class="card-title">Wikipedia & Open Knowledge</div>
<div class="card-year-small">1.7 billion unique visitors/month</div>
</div>
</div>
<div class="card-summary">
Wikipedia runs on MediaWiki — free, open source software. Its 60M+ articles are CC-BY-SA licensed. The entire platform, its content, and its infrastructure (Linux servers, MariaDB, Elasticsearch) is open source. Knowledge, freely shared. <a class="cite" href="https://wikimediafoundation.org/our-work/wikipedia/" target="_blank">[33]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">📖</div>
<div class="daily-item-name">MediaWiki</div>
<div class="daily-item-desc">GPLv2 wiki software; powers Wikipedia, Wiktionary, Wikimedia Commons — 60M+ articles globally <a class="cite" href="https://www.mediawiki.org/wiki/MediaWiki" target="_blank">[34]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🗃️</div>
<div class="daily-item-name">MariaDB</div>
<div class="daily-item-desc">Open source MySQL fork powering Wikipedia's database layer; community-maintained fork after Oracle acquisition <a class="cite" href="https://mariadb.org/" target="_blank">[35]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🔍</div>
<div class="daily-item-name">Elasticsearch (OpenSearch)</div>
<div class="daily-item-desc">Open source full-text search powering Wikipedia's search; now forked as OpenSearch by Amazon <a class="cite" href="https://opensearch.org/" target="_blank">[36]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🧠</div>
<div class="daily-item-name">Wikidata</div>
<div class="daily-item-desc">Open, CC0-licensed structured knowledge base; feeds Google's Knowledge Graph and Alexa answers <a class="cite" href="https://www.wikidata.org/wiki/Wikidata:Introduction" target="_blank">[37]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🌱</div><div class="panel-label">Sustainability Note</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
Wikimedia Foundation operates on renewable energy. Wikipedia's server infrastructure — 100% Linux — runs in data centres powered by certified green energy. Open knowledge reduces duplicated research globally, directly lowering the carbon cost of information production. <a class="cite" href="https://meta.wikimedia.org/wiki/Sustainability_Initiative" target="_blank">[38]</a>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — write your community into history</div>
<div class="op-body"><strong>Wikipedia has a documented problem: communities of color, women, and non-Western cultures are systematically underrepresented.</strong> This is not an accident — it reflects who has historically had access to the internet, time, and confidence to contribute. Wikipedia edit-a-thons — organized community writing events — are one of the most direct ways to put your community's history, leaders, and knowledge on the record. TCIA has organized these events. <strong>Every article written about a Black Twin Cities entrepreneur, a Somali community institution, a Native leader, or a grassroots organization is a permanent, freely accessible piece of the public record</strong> — and it belongs to no corporation, no platform, and no algorithm. Your community's knowledge is worth encyclopedic space.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spine"><div class="spine-dot"></div></div>
<div class="cell-right">
<div class="card" onclick="toggleCard(this)">
<div class="card-header">
<div class="card-avatar">🏥</div>
<div class="card-meta">
<div class="card-tag">Healthcare · Life Sciences</div>
<div class="card-title">Healthcare Infrastructure (OpenMRS, DICOM)</div>
<div class="card-year-small">Powers hospitals in 40+ countries</div>
</div>
</div>
<div class="card-summary">
OpenMRS — an open source medical records system — is used in 40+ countries and manages patient data for millions in low-resource settings. The DICOM standard (open) underpins every MRI and CT scan globally. Open source software saves lives where proprietary solutions are unaffordable. <a class="cite" href="https://openmrs.org/about/" target="_blank">[39]</a>
</div>
<div class="card-toggle"><span class="toggle-icon">▼</span> Expand: Open Source Stack & Citations</div>
<div class="card-panels">
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">🔧</div><div class="panel-label">Open Source Stack</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="daily-grid">
<div class="daily-item">
<div class="daily-item-icon">🏥</div>
<div class="daily-item-name">OpenMRS</div>
<div class="daily-item-desc">MPL 2.0; electronic health records for HIV treatment, maternal care, and TB programmes in Africa and Asia <a class="cite" href="https://github.com/openmrs/openmrs-core" target="_blank">[40]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🩻</div>
<div class="daily-item-name">DICOM / OHIF Viewer</div>
<div class="daily-item-desc">Open standard for medical imaging; OHIF is an open source DICOM viewer used in 100+ hospital systems <a class="cite" href="https://ohif.org/" target="_blank">[41]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">🧬</div>
<div class="daily-item-name">BioPython / R / Bioconductor</div>
<div class="daily-item-desc">Open source genomics and bioinformatics tools powering COVID-19 sequencing, cancer research, drug discovery <a class="cite" href="https://www.bioconductor.org/" target="_blank">[42]</a></div>
</div>
<div class="daily-item">
<div class="daily-item-icon">💊</div>
<div class="daily-item-name">AlphaFold (DeepMind / open)</div>
<div class="daily-item-desc">Open source protein structure predictions for 200M+ proteins; accelerating vaccine and drug development <a class="cite" href="https://alphafold.ebi.ac.uk/" target="_blank">[43]</a></div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-head" onclick="togglePanel(this)">
<div class="panel-icon">✊</div><div class="panel-label">What this means for your community</div><div class="panel-arrow">▶</div>
</div>
<div class="panel-body">
<div class="opportunity-panel">
<div class="op-label">The opportunity — health data is community power</div>
<div class="op-body"><strong>Who owns your medical records determines who profits from your health data.</strong> Proprietary EHR systems like Epic and Cerner have sold or licensed de-identified patient data to pharmaceutical companies and AI firms — often without meaningful patient consent. Open source health records systems put that data under institutional — and potentially community — control. More urgently: <strong>algorithmic systems are already being used to make decisions about pain management, benefit eligibility, and resource allocation in ways that have documented racial bias.</strong> Understanding and auditing these systems requires the same open source literacy this page teaches. TCIA's data justice work directly addresses algorithmic harm in public health systems — and every community member who understands these tools is one more voice that can hold institutions accountable.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- TODAY -->
<div class="timeline-spacer"></div>
<div class="today-wrap">
<div class="today-ring"></div>
<div class="today-ring"></div>
<div class="today-dot"></div>
<div class="today-label">present · 2026 — the window is open</div>
</div>
</div><!-- /timeline -->
<!-- LEGEND -->
<div class="legend">
<div class="leg"><div class="leg-dot" style="background:var(--c1)"></div>GNU / Free Software</div>
<div class="leg"><div class="leg-dot" style="background:var(--c2)"></div>Linux Kernel</div>
<div class="leg"><div class="leg-dot" style="background:var(--c3)"></div>Open Web & Culture</div>
<div class="leg"><div class="leg-dot" style="background:var(--c4)"></div>Commercial & OSI</div>
<div class="leg"><div class="leg-dot" style="background:var(--c5)"></div>Cloud & Infrastructure</div>
<div class="leg"><div class="leg-dot" style="background:var(--c6)"></div>Open Source AI</div>
<div class="leg"><div class="leg-dot" style="background:var(--c7)"></div>Daily Life Solutions</div>
</div>
<!-- ══════════════ TCIA ACTIVATE CTA ══════════════ -->
<div id="CTA">
<div class="cta-box">
<div class="cta-label">
Reclaim · Build · Anchor
</div>
<div class="cta-title">
Knowledge without action is just history.<br><em>D4PG turns it into power.
</em></div>
<p class="cta-desc">
Every milestone on this tree is proof that communities — not corporations — built the most important infrastructure in human history. Now it's your turn. <br><br> Join TCIA at Data for Public Good 2026 to educate, equip, and activate.
</p>
<div class="cta-buttons">
<a href="https://www.tciamn.org/d4pg#register" target="_blank" class="cta-btn cta-btn-primary">Register for D4PG — July 15–17</a>
<a href="https://www.tciamn.org/donate" target="_blank" class="cta-btn cta-btn-secondary">Support TCIA's Mission</a>
</div>
<div class="cta-contact">tciamn.org · info@tciamn.org · 651-565-7376 · 1041 James Ave. N. Suite 1001 Minneapolis, MN 55411</div>
</div>
</div>
<!-- ══════════════ REFERENCES ══════════════ -->
<div class="references">
<div class="references-title">Sources & Citations</div>
<div class="references-sub">APA 7th Edition · Verified March 2026 · Open access where available</div>
<div class="ref-divider"></div>
<div class="ref-list">
<div class="ref-item">
<div class="ref-num">[1]</div>
<div class="ref-text">StatCounter. (2024). <em>Mobile operating system market share worldwide.</em> StatCounter Global Stats. <a href="https://gs.statcounter.com/os-market-share/mobile/worldwide" target="_blank">https://gs.statcounter.com/os-market-share/mobile/worldwide</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[2]</div>
<div class="ref-text">Android Open Source Project. (2024). <em>Android kernel overview.</em> Google. <a href="https://source.android.com/docs/core/architecture/kernel" target="_blank">https://source.android.com/docs/core/architecture/kernel</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[3]</div>
<div class="ref-text">Android Open Source Project. (2024). <em>About the Android Open Source Project.</em> Google. <a href="https://source.android.com/" target="_blank">https://source.android.com/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[4]</div>
<div class="ref-text">The Chromium Projects. (2024). <em>Chromium — the open-source project behind Google Chrome.</em> Google. <a href="https://www.chromium.org/chromium-projects/" target="_blank">https://www.chromium.org/chromium-projects/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[5]</div>
<div class="ref-text">Google. (2024). <em>BoringSSL.</em> Google Source. <a href="https://boringssl.googlesource.com/boringssl/" target="_blank">https://boringssl.googlesource.com/boringssl/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[6]</div>
<div class="ref-text">LineageOS Project. (2024). <em>About LineageOS.</em> LineageOS. <a href="https://lineageos.org/" target="_blank">https://lineageos.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[7]</div>
<div class="ref-text">Mozilla. (2024). <em>What is a web browser?</em> Mozilla Corporation. <a href="https://www.mozilla.org/en-US/firefox/browsers/what-is-a-browser/" target="_blank">https://www.mozilla.org/en-US/firefox/browsers/what-is-a-browser/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[8]</div>
<div class="ref-text">Mozilla. (2024). <em>gecko-dev: Read-only mirror of Mozilla's Mercurial source repository.</em> GitHub. <a href="https://github.com/mozilla/gecko-dev" target="_blank">https://github.com/mozilla/gecko-dev</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[9]</div>
<div class="ref-text">Google. (2024). <em>Chromium source code repository.</em> Google Source. <a href="https://chromium.googlesource.com/chromium/src" target="_blank">https://chromium.googlesource.com/chromium/src</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[10]</div>
<div class="ref-text">Google. (2024). <em>V8 JavaScript engine.</em> v8.dev. <a href="https://v8.dev/" target="_blank">https://v8.dev/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[11]</div>
<div class="ref-text">Hill, R. (gorhill). (2024). <em>uBlock Origin: An efficient blocker for Chromium and Firefox.</em> GitHub. <a href="https://github.com/gorhill/uBlock" target="_blank">https://github.com/gorhill/uBlock</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[12]</div>
<div class="ref-text">OpenStreetMap Foundation. (2024). <em>About OpenStreetMap.</em> OpenStreetMap. <a href="https://www.openstreetmap.org/about" target="_blank">https://www.openstreetmap.org/about</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[13]</div>
<div class="ref-text">OpenStreetMap Wiki. (2024). <em>About OpenStreetMap.</em> OpenStreetMap Wiki. <a href="https://wiki.openstreetmap.org/wiki/About_OpenStreetMap" target="_blank">https://wiki.openstreetmap.org/wiki/About_OpenStreetMap</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[14]</div>
<div class="ref-text">Agafonkin, V. (2024). <em>Leaflet — a JavaScript library for interactive maps.</em> Leaflet. <a href="https://leafletjs.com/" target="_blank">https://leafletjs.com/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[15]</div>
<div class="ref-text">Project OSRM. (2024). <em>Open Source Routing Machine.</em> project-osrm.org. <a href="http://project-osrm.org/" target="_blank">http://project-osrm.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[16]</div>
<div class="ref-text">Humanitarian OpenStreetMap Team. (2024). <em>About HOT.</em> HOT. <a href="https://www.hotosm.org/" target="_blank">https://www.hotosm.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[17]</div>
<div class="ref-text">World Resources Institute. (2024). <em>Global Forest Watch.</em> WRI. <a href="https://www.globalforestwatch.org/" target="_blank">https://www.globalforestwatch.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[18]</div>
<div class="ref-text">Signal Foundation. (2024). <em>Signal technical documentation.</em> Signal. <a href="https://signal.org/docs/" target="_blank">https://signal.org/docs/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[19]</div>
<div class="ref-text">Signal Foundation. (2024). <em>libsignal: Signal Protocol library.</em> GitHub. <a href="https://github.com/signalapp/libsignal" target="_blank">https://github.com/signalapp/libsignal</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[20]</div>
<div class="ref-text">Signal Foundation. (2024). <em>Signal-Android: Source code for Signal on Android.</em> GitHub. <a href="https://github.com/signalapp/Signal-Android" target="_blank">https://github.com/signalapp/Signal-Android</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[21]</div>
<div class="ref-text">Free Software Foundation Europe. (2024). <em>GNU Privacy Guard (GnuPG).</em> gnupg.org. <a href="https://gnupg.org/" target="_blank">https://gnupg.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[22]</div>
<div class="ref-text">Internet Security Research Group. (2024). <em>About Let's Encrypt.</em> Let's Encrypt. <a href="https://letsencrypt.org/about/" target="_blank">https://letsencrypt.org/about/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[23]</div>
<div class="ref-text">The Document Foundation. (2024). <em>Who are we?</em> LibreOffice. <a href="https://www.libreoffice.org/about-us/who-are-we/" target="_blank">https://www.libreoffice.org/about-us/who-are-we/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[24]</div>
<div class="ref-text">The Document Foundation. (2024). <em>LibreOffice core source code.</em> GitHub. <a href="https://github.com/LibreOffice/core" target="_blank">https://github.com/LibreOffice/core</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[25]</div>
<div class="ref-text">OASIS Open. (2024). <em>OASIS Open Document Format for Office Applications (OpenDocument) TC.</em> OASIS. <a href="https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=office" target="_blank">https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=office</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[26]</div>
<div class="ref-text">Apache Software Foundation. (2024). <em>Apache OpenOffice.</em> openoffice.org. <a href="https://www.openoffice.org/" target="_blank">https://www.openoffice.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[27]</div>
<div class="ref-text">European Commission. (2024). <em>Open Source Observatory (OSOR).</em> Joinup. <a href="https://joinup.ec.europa.eu/collection/open-source-observatory-osor" target="_blank">https://joinup.ec.europa.eu/collection/open-source-observatory-osor</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[28]</div>
<div class="ref-text">VideoLAN. (2024). <em>VLC 3.0.21 release.</em> VideoLAN. <a href="https://www.videolan.org/vlc/releases/3.0.21.html" target="_blank">https://www.videolan.org/vlc/releases/3.0.21.html</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[29]</div>
<div class="ref-text">VideoLAN. (2024). <em>VLC media player source code.</em> GitHub. <a href="https://github.com/videolan/vlc" target="_blank">https://github.com/videolan/vlc</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[30]</div>
<div class="ref-text">FFmpeg Project. (2024). <em>FFmpeg: A complete, cross-platform solution to record, convert and stream audio and video.</em> ffmpeg.org. <a href="https://ffmpeg.org/" target="_blank">https://ffmpeg.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[31]</div>
<div class="ref-text">Kodi Foundation. (2024). <em>About Kodi.</em> kodi.tv. <a href="https://kodi.tv/about/" target="_blank">https://kodi.tv/about/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[32]</div>
<div class="ref-text">Alliance for Open Media. (2024). <em>About the Alliance for Open Media.</em> aomedia.org. <a href="https://aomedia.org/" target="_blank">https://aomedia.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[33]</div>
<div class="ref-text">Wikimedia Foundation. (2024). <em>Wikipedia.</em> Wikimedia Foundation. <a href="https://wikimediafoundation.org/our-work/wikipedia/" target="_blank">https://wikimediafoundation.org/our-work/wikipedia/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[34]</div>
<div class="ref-text">Wikimedia Foundation. (2024). <em>MediaWiki.</em> mediawiki.org. <a href="https://www.mediawiki.org/wiki/MediaWiki" target="_blank">https://www.mediawiki.org/wiki/MediaWiki</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[35]</div>
<div class="ref-text">MariaDB Foundation. (2024). <em>About MariaDB.</em> mariadb.org. <a href="https://mariadb.org/" target="_blank">https://mariadb.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[36]</div>
<div class="ref-text">OpenSearch Project. (2024). <em>OpenSearch — open source search and analytics suite.</em> opensearch.org. <a href="https://opensearch.org/" target="_blank">https://opensearch.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[37]</div>
<div class="ref-text">Wikimedia Foundation. (2024). <em>Wikidata: Introduction.</em> wikidata.org. <a href="https://www.wikidata.org/wiki/Wikidata:Introduction" target="_blank">https://www.wikidata.org/wiki/Wikidata:Introduction</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[38]</div>
<div class="ref-text">Wikimedia Foundation. (2024). <em>Sustainability initiative.</em> Wikimedia Meta-Wiki. <a href="https://meta.wikimedia.org/wiki/Sustainability_Initiative" target="_blank">https://meta.wikimedia.org/wiki/Sustainability_Initiative</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[39]</div>
<div class="ref-text">OpenMRS Inc. (2024). <em>About OpenMRS.</em> openmrs.org. <a href="https://openmrs.org/about/" target="_blank">https://openmrs.org/about/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[40]</div>
<div class="ref-text">OpenMRS Inc. (2024). <em>OpenMRS core source code.</em> GitHub. <a href="https://github.com/openmrs/openmrs-core" target="_blank">https://github.com/openmrs/openmrs-core</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[41]</div>
<div class="ref-text">Open Health Imaging Foundation. (2024). <em>OHIF Viewer.</em> ohif.org. <a href="https://ohif.org/" target="_blank">https://ohif.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[42]</div>
<div class="ref-text">Bioconductor Project. (2024). <em>About Bioconductor.</em> bioconductor.org. <a href="https://www.bioconductor.org/" target="_blank">https://www.bioconductor.org/</a></div>
</div>
<div class="ref-item">
<div class="ref-num">[43]</div>
<div class="ref-text">DeepMind & EMBL-EBI. (2024). <em>AlphaFold protein structure database.</em> alphafold.ebi.ac.uk. <a href="https://alphafold.ebi.ac.uk/" target="_blank">https://alphafold.ebi.ac.uk/</a></div>
</div>
</div>
</div>
</div><!-- /timeline-page -->
<!-- ══════════════════════════════════════════════════════════
RESOURCE PAGE — injected as a full-screen overlay page
══════════════════════════════════════════════════════════ -->
<div id="resource-page">
<div class="rp-header">
<div class="rp-eyebrow">D4PG Community Tools Guide · Data for Public Good 2026</div>
<div class="rp-title">Know What You're Using — <em>and What It Costs You</em></div>
<div class="rp-sub">Every tool rated by Data Privacy · UX/UI · Security · Skill Level · Community Power — from the tools that extract from your community to the ones that build it</div>
<div style="margin-top:18px;max-width:620px;margin-left:auto;margin-right:auto;font-family:'Inter',sans-serif;font-size:0.78rem;line-height:1.7;color: var(--brand-black);">
The apps on your phone were not designed with your community's interests in mind. Some of them were designed <em>against</em> them. This guide helps you make informed choices — and points toward open alternatives that put power back in your hands.<br><br> <strong style="color: var(--brand-teal);">Use the category filter to find tools relevant to your work.</strong>
</div>
</div>
<div class="tier-legend">
<div class="tier-pill good">✓ Good — Functional & accessible</div>
<div class="tier-pill better">◈ Better — Strong all-round</div>
<div class="tier-pill best">★ Best — Gold standard</div>
<div class="tier-pill worst">✕ Worst — Avoid or use cautiously</div>
</div>
<div class="cat-filter">
<button class="cat-btn active" onclick="filterCat(this,'all')">All Categories</button>
<button class="cat-btn" onclick="filterCat(this,'mobile')">📱 Mobile OS</button>
<button class="cat-btn" onclick="filterCat(this,'browser')">🌐 Browser</button>
<button class="cat-btn" onclick="filterCat(this,'maps')">🗺️ Maps</button>
<button class="cat-btn" onclick="filterCat(this,'messaging')">💬 Messaging</button>
<button class="cat-btn" onclick="filterCat(this,'productivity')">📝 Productivity</button>
<button class="cat-btn" onclick="filterCat(this,'media')">📺 Media</button>
<button class="cat-btn" onclick="filterCat(this,'knowledge')">📚 Knowledge</button>
<button class="cat-btn" onclick="filterCat(this,'health')">🏥 Healthcare</button>
</div>
<div class="rp-grid">
<!-- ═══════════ MOBILE OS ═══════════ -->
<div class="sol-card" data-cat="mobile">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">🐧</div>
<div class="sol-head-meta">
<div class="sol-cat">Mobile OS</div>
<div class="sol-name">LineageOS</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="95%"></div></div>
<div class="score-num">95</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="62%"></div></div>
<div class="score-num">62</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="92%"></div></div>
<div class="score-num">92</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:75%"></div>
<div class="skill-dot" style="left:75%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> No Google services by default; no telemetry; granular permission controls per app</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Stock Android look; functional but requires manual setup; not beginner-friendly</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Monthly patches; exploit mitigations; SELinux enforcing; verified boot support</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Advanced — requires bootloader unlock, ADB commands, manual flashing via recovery</span></li>
<li><span class="ci">🌱</span><span><span class="cv">Sustainability:</span> Extends device lifespan 3–5 years beyond manufacturer EOL, directly reducing e-waste</span></li>
<li><span class="ci">✊</span><span><span class="cv">Community power:</span> Phone repair co-ops using LineageOS create local jobs and keep devices out of landfills — a Black/Brown community economic opportunity hiding in plain sight</span></li>
</ul>
</div>
</div>
<div class="sol-card" data-cat="mobile">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(79,195,247,0.1)">📦</div>
<div class="sol-head-meta">
<div class="sol-cat">Mobile OS</div>
<div class="sol-name">GrapheneOS</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="99%"></div></div>
<div class="score-num">99</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="71%"></div></div>
<div class="score-num">71</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="99%"></div></div>
<div class="score-num">99</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="98%"></div></div>
<div class="score-num">98</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:80%"></div>
<div class="skill-dot" style="left:80%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Hardened memory allocator; sandboxed Google Play option; network/sensor permissions per-app; no identifiers</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Clean AOSP UI; Pixel-exclusive; web-based installer greatly simplifies setup</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Strongest mobile OS security hardening available; used by journalists and activists globally</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Intermediate–Advanced; web installer reduces barrier but Pixel device required</span></li>
</ul>
</div>
</div>
<div class="sol-card" data-cat="mobile">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">🤖</div>
<div class="sol-head-meta">
<div class="sol-cat">Mobile OS</div>
<div class="sol-name">Stock Android (AOSP-based)</div>
</div>
<div class="sol-tier good">✓ Good</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="48%"></div></div>
<div class="score-num">48</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="90%"></div></div>
<div class="score-num">90</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="70%"></div></div>
<div class="score-num">70</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="55%"></div></div>
<div class="score-num">55</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:15%"></div>
<div class="skill-dot" style="left:15%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Google collects usage data; location history enabled by default; requires manual opt-out of telemetry</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Polished, familiar, massive app ecosystem — best day-one experience for new users</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Monthly patches on Pixel; slower on OEM devices; Play Protect provides baseline malware scanning</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — zero setup required; works out of the box</span></li>
</ul>
</div>
</div>
<div class="sol-card worst-card" data-cat="mobile">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(239,83,80,0.1)">⚠️</div>
<div class="sol-head-meta">
<div class="sol-cat">Mobile OS</div>
<div class="sol-name">Heavily Skinned Android (Bloatware OEMs)</div>
</div>
<div class="sol-tier worst">✕ Worst</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="22%"></div></div>
<div class="score-num">22</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="55%"></div></div>
<div class="score-num">55</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="35%"></div></div>
<div class="score-num">35</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="10%"></div></div>
<div class="score-num">10</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:5%"></div>
<div class="skill-dot" style="left:5%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">Why to avoid</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Pre-installed spyware/adware; vendor telemetry; unremovable data-harvesting apps (e.g. some Xiaomi, Oppo builds)</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Cluttered with bloatware; intrusive ads in system apps; slow UI due to heavy customisation</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Security patches delayed 6–18 months; often abandoned after 2 years despite devices remaining in use</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — deceptively easy, but impossible to truly secure without rooting</span></li>
</ul>
</div>
</div>
<!-- ═══════════ BROWSER ═══════════ -->
<div class="sol-card" data-cat="browser">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(245,166,35,0.1)">🛡️</div>
<div class="sol-head-meta">
<div class="sol-cat">Browser</div>
<div class="sol-name">Firefox + uBlock Origin</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="93%"></div></div>
<div class="score-num">93</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="85%"></div></div>
<div class="score-num">85</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="90%"></div></div>
<div class="score-num">90</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:20%"></div>
<div class="skill-dot" style="left:20%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Enhanced Tracking Protection blocks 1000s of trackers; no Google deal dependency; fully auditable source</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Clean, customisable; rich extension ecosystem; excellent developer tools; cross-device sync via Firefox account</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Rapid patching; sandboxed processes; uBlock Origin blocks malvertising and script injection</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice-friendly install; install uBlock Origin from Add-ons in 30 seconds — zero configuration needed</span></li>
</ul>
</div>
</div>
<div class="sol-card" data-cat="browser">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(79,195,247,0.1)">🦁</div>
<div class="sol-head-meta">
<div class="sol-cat">Browser</div>
<div class="sol-name">Brave Browser</div>
</div>
<div class="sol-tier better">◈ Better</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="88%"></div></div>
<div class="score-num">88</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="91%"></div></div>
<div class="score-num">91</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="87%"></div></div>
<div class="score-num">87</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="78%"></div></div>
<div class="score-num">78</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:10%"></div>
<div class="skill-dot" style="left:10%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Built-in ad/tracker blocking; fingerprint randomisation; Tor integration for private windows</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Polished Chrome-like interface; fastest cold-start of major browsers; minimal learning curve</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Chromium base inherits V8 security; Brave Shields replaces uBlock for most users</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — privacy-by-default; no extensions needed for basic protection</span></li>
<li><span class="ci">⚠️</span><span><span class="cv">Caveat:</span> Brave Rewards crypto system adds commercial layer; core browser remains open source (Apache 2.0)</span></li>
</ul>
</div>
</div>
<div class="sol-card worst-card" data-cat="browser">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(239,83,80,0.1)">🔴</div>
<div class="sol-head-meta">
<div class="sol-cat">Browser</div>
<div class="sol-name">Google Chrome (unmodified)</div>
</div>
<div class="sol-tier worst">✕ Worst</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="28%"></div></div>
<div class="score-num">28</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="95%"></div></div>
<div class="score-num">95</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="75%"></div></div>
<div class="score-num">75</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="20%"></div></div>
<div class="score-num">20</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:5%"></div>
<div class="skill-dot" style="left:5%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">Why to avoid</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Extensive Google telemetry; tied to Google account syncing; Manifest V3 weakens ad-blocking extensions</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Excellent — the standard other browsers are measured against; best web app compatibility</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Fast patches; sandboxing good — but proprietary additions make full audit impossible</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — near zero friction; but privacy trade-offs are invisible to most users</span></li>
</ul>
</div>
</div>
<!-- ═══════════ MAPS ═══════════ -->
<div class="sol-card" data-cat="maps">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">🌍</div>
<div class="sol-head-meta">
<div class="sol-cat">Maps & Navigation</div>
<div class="sol-name">OsmAnd (Offline Maps)</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="96%"></div></div>
<div class="score-num">96</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="58%"></div></div>
<div class="score-num">58</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="90%"></div></div>
<div class="score-num">90</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:35%"></div>
<div class="skill-dot" style="left:35%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Fully offline — GPS used locally, no location data sent to servers; no account required</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Powerful but dense interface; steep learning curve vs Google Maps; excellent for hiking/cycling routing</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> GPLv2; no server-side attack surface; maps stored locally</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Beginner-to-intermediate; download maps region-by-region; plugin system adds complexity</span></li>
<li><span class="ci">🌱</span><span><span class="cv">Sustainability:</span> No data centre load for routing; offline maps work without mobile data — critical in areas with poor connectivity</span></li>
</ul>
</div>
</div>
<div class="sol-card" data-cat="maps">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(79,195,247,0.1)">🗺️</div>
<div class="sol-head-meta">
<div class="sol-cat">Maps & Navigation</div>
<div class="sol-name">Organic Maps</div>
</div>
<div class="sol-tier better">◈ Better</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="97%"></div></div>
<div class="score-num">97</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="78%"></div></div>
<div class="score-num">78</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="91%"></div></div>
<div class="score-num">91</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:15%"></div>
<div class="skill-dot" style="left:15%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Apache 2.0; zero tracking, zero ads, zero data collection — privacy by architecture</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Clean, intuitive interface — the closest OSM app to Google Maps in user experience</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Fully offline; community-audited; F-Droid available avoiding Play Store</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — installs like any app; download a region and go</span></li>
</ul>
</div>
</div>
<div class="sol-card worst-card" data-cat="maps">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(239,83,80,0.1)">📍</div>
<div class="sol-head-meta">
<div class="sol-cat">Maps & Navigation</div>
<div class="sol-name">Google Maps (always-on location)</div>
</div>
<div class="sol-tier worst">✕ Worst</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="18%"></div></div>
<div class="score-num">18</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="97%"></div></div>
<div class="score-num">97</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="65%"></div></div>
<div class="score-num">65</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="5%"></div></div>
<div class="score-num">5</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:5%"></div>
<div class="skill-dot" style="left:5%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">Why to avoid</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Records your complete location timeline by default; used to build advertising profiles; shared with law enforcement via geofence warrants</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Undeniably the best map UX on the market — live traffic, real-time transit, immersive view</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Proprietary server-side; cannot audit data handling; requires Google account</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — instant usability; privacy costs invisible</span></li>
</ul>
</div>
</div>
<!-- ═══════════ MESSAGING ═══════════ -->
<div class="sol-card" data-cat="messaging">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">🔐</div>
<div class="sol-head-meta">
<div class="sol-cat">Messaging</div>
<div class="sol-name">Signal</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="99%"></div></div>
<div class="score-num">99</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="84%"></div></div>
<div class="score-num">84</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="99%"></div></div>
<div class="score-num">99</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="97%"></div></div>
<div class="score-num">97</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:10%"></div>
<div class="skill-dot" style="left:10%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Collects only your phone number; sealed sender; disappearing messages; no metadata stored on servers</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Clean, fast; voice/video calls; stories; close to WhatsApp in experience</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> AGPLv3; double-ratchet E2EE; audited by independent security researchers; used by UN, journalists, activists</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — install from App Store / Play Store in 2 minutes</span></li>
</ul>
</div>
</div>
<div class="sol-card" data-cat="messaging">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(79,195,247,0.1)">💬</div>
<div class="sol-head-meta">
<div class="sol-cat">Messaging</div>
<div class="sol-name">Matrix / Element</div>
</div>
<div class="sol-tier better">◈ Better</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="88%"></div></div>
<div class="score-num">88</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="70%"></div></div>
<div class="score-num">70</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="86%"></div></div>
<div class="score-num">86</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:45%"></div>
<div class="skill-dot" style="left:45%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Federated, self-hostable; E2EE by default in DMs; choose your own server or run your own</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Feature-rich (threads, spaces, bridges to Slack/Discord); interface can feel complex for new users</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Apache 2.0; independent security audits; used by French government (matrix.org)</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Intermediate — register on matrix.org is easy; self-hosting requires server admin knowledge</span></li>
</ul>
</div>
</div>
<div class="sol-card worst-card" data-cat="messaging">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(239,83,80,0.1)">📵</div>
<div class="sol-head-meta">
<div class="sol-cat">Messaging</div>
<div class="sol-name">WhatsApp (Meta-owned)</div>
</div>
<div class="sol-tier worst">✕ Worst</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="30%"></div></div>
<div class="score-num">30</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="93%"></div></div>
<div class="score-num">93</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="60%"></div></div>
<div class="score-num">60</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="8%"></div></div>
<div class="score-num">8</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:5%"></div>
<div class="skill-dot" style="left:5%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">Why to avoid</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Metadata harvested by Meta (who contacts, when, where, how often); 2021 TOS forces data sharing with Facebook</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Best-in-class UX; 2B users globally; unavoidable social pressure</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Uses Signal Protocol for E2EE content, but backup encryption and metadata handling remain opaque</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — zero friction but zero transparency</span></li>
</ul>
</div>
</div>
<!-- ═══════════ PRODUCTIVITY ═══════════ -->
<div class="sol-card" data-cat="productivity">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">📄</div>
<div class="sol-head-meta">
<div class="sol-cat">Productivity</div>
<div class="sol-name">LibreOffice</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="97%"></div></div>
<div class="score-num">97</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="72%"></div></div>
<div class="score-num">72</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="88%"></div></div>
<div class="score-num">88</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:20%"></div>
<div class="skill-dot" style="left:20%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Fully offline; no telemetry by default; documents stay on your machine</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Familiar ribbon-style UI; imports/exports DOCX, XLSX, PPTX; macro support; less polished than MS Office</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> MPL 2.0; community patches; no subscription lock-in; ODF format is ISO standard — no vendor lock</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — anyone familiar with Word/Excel can use it within minutes</span></li>
<li><span class="ci">🏛️</span><span><span class="cv">Government Use:</span> Italy, France, Germany, Brazil — officially deployed across public sector</span></li>
</ul>
</div>
</div>
<div class="sol-card" data-cat="productivity">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(79,195,247,0.1)">✏️</div>
<div class="sol-head-meta">
<div class="sol-cat">Productivity</div>
<div class="sol-name">Nextcloud (Self-hosted Drive)</div>
</div>
<div class="sol-tier better">◈ Better</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="98%"></div></div>
<div class="score-num">98</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="78%"></div></div>
<div class="score-num">78</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="90%"></div></div>
<div class="score-num">90</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="98%"></div></div>
<div class="score-num">98</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:55%"></div>
<div class="skill-dot" style="left:55%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> You own your data entirely — cloud sync with zero third-party access; E2EE option available</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Google Drive-like web UI; mobile apps; collaborative document editing via Collabora/OnlyOffice integration</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> AGPLv3; 2FA; LDAP integration; audit logs; HiTrust-eligible when self-hosted</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Intermediate — self-hosting requires a VPS or home server; managed Nextcloud providers available for novices</span></li>
</ul>
</div>
</div>
<div class="sol-card worst-card" data-cat="productivity">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(239,83,80,0.1)">☁️</div>
<div class="sol-head-meta">
<div class="sol-cat">Productivity</div>
<div class="sol-name">Google Docs / Microsoft 365 (cloud-only)</div>
</div>
<div class="sol-tier worst">✕ Worst</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="25%"></div></div>
<div class="score-num">25</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="97%"></div></div>
<div class="score-num">97</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="65%"></div></div>
<div class="score-num">65</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="5%"></div></div>
<div class="score-num">5</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:5%"></div>
<div class="skill-dot" style="left:5%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">Why to avoid</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> All documents stored on corporate servers; Google/Microsoft scan document content for AI training and advertising signals</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Best-in-class collaboration tools; real-time co-editing; AI integration — unmatched convenience</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> SOC2 compliant but proprietary — you trust their security claims, you cannot verify them</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — zero barrier; but vendor lock-in grows invisibly over time</span></li>
</ul>
</div>
</div>
<!-- ═══════════ MEDIA ═══════════ -->
<div class="sol-card" data-cat="media">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">🎬</div>
<div class="sol-head-meta">
<div class="sol-cat">Media & Video</div>
<div class="sol-name">VLC + PeerTube</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="96%"></div></div>
<div class="score-num">96</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-blue" style="width:0" data-w="82%"></div></div>
<div class="score-num">82</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="90%"></div></div>
<div class="score-num">90</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:10%"></div>
<div class="skill-dot" style="left:10%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> VLC sends zero telemetry; PeerTube is federated with no central algorithm manipulation</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> VLC: clean, plays everything; PeerTube: YouTube-like UI; smaller content library</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> GPLv2; no account required for VLC; PeerTube instances independently administered</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice for VLC; beginner-to-intermediate for navigating PeerTube federation</span></li>
</ul>
</div>
</div>
<div class="sol-card worst-card" data-cat="media">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(239,83,80,0.1)">📺</div>
<div class="sol-head-meta">
<div class="sol-cat">Media & Video</div>
<div class="sol-name">YouTube (Google) — signed-in, no ad blocker</div>
</div>
<div class="sol-tier worst">✕ Worst</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="15%"></div></div>
<div class="score-num">15</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="98%"></div></div>
<div class="score-num">98</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="60%"></div></div>
<div class="score-num">60</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="5%"></div></div>
<div class="score-num">5</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:5%"></div>
<div class="skill-dot" style="left:5%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">Why to avoid (unmitigated)</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Watch history, search, and engagement data used to build behavioural advertising profiles and recommendation algorithms</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> World's best video platform — unrivalled content breadth; use with uBlock Origin + Firefox as mitigation</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Proprietary; account required for full use; centralised content moderation with opaque appeals</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — but mitigating privacy risks (Invidious, NewPipe, uBlock) requires beginner–intermediate skill</span></li>
</ul>
</div>
</div>
<!-- ═══════════ KNOWLEDGE ═══════════ -->
<div class="sol-card" data-cat="knowledge">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">📖</div>
<div class="sol-head-meta">
<div class="sol-cat">Knowledge</div>
<div class="sol-name">Wikipedia + Kiwix (Offline)</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="95%"></div></div>
<div class="score-num">95</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="88%"></div></div>
<div class="score-num">88</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="92%"></div></div>
<div class="score-num">92</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:8%"></div>
<div class="skill-dot" style="left:8%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Wikipedia is CC-BY-SA, publicly readable with no account; Kiwix provides fully offline access — zero network calls</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Clean, fast, consistent; Kiwix app makes offline Wikipedia available in classrooms without internet access</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> GPLv2 (MediaWiki); no login required to read; HTTPS enforced sitewide</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Novice — use Wikipedia as a web page; Kiwix download is a one-click install + ZIM file download</span></li>
<li><span class="ci">🌱</span><span><span class="cv">Sustainability:</span> Wikimedia Foundation runs entirely on renewable energy; Kiwix enables education in off-grid communities</span></li>
</ul>
</div>
</div>
<!-- ═══════════ HEALTH ═══════════ -->
<div class="sol-card" data-cat="health">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(61,220,132,0.1)">🏥</div>
<div class="sol-head-meta">
<div class="sol-cat">Healthcare</div>
<div class="sol-name">OpenMRS + FHIR Standard</div>
</div>
<div class="sol-tier best">★ Best</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="92%"></div></div>
<div class="score-num">92</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="62%"></div></div>
<div class="score-num">62</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="88%"></div></div>
<div class="score-num">88</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-green" style="width:0" data-w="100%"></div></div>
<div class="score-num">100</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:65%"></div>
<div class="skill-dot" style="left:65%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">What it covers</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Self-hosted; patient data stays in-country; HIPAA/GDPR-compatible deployment patterns; audit trails built-in</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Functional clinical workflow UI; requires training; new 3.x UI is significantly improved</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> MPL 2.0; FHIR R4 interoperability standard ensures no proprietary lock-in for patient records</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Advanced for deployment (Java, MySQL, server admin); clinical users need structured training</span></li>
<li><span class="ci">🌱</span><span><span class="cv">Sustainability:</span> Replaces paper-based records in 40+ countries — measurably improves health outcomes without proprietary licence costs</span></li>
</ul>
</div>
</div>
<div class="sol-card worst-card" data-cat="health">
<div class="sol-card-head">
<div class="sol-icon-wrap" style="background:rgba(239,83,80,0.1)">🏢</div>
<div class="sol-head-meta">
<div class="sol-cat">Healthcare</div>
<div class="sol-name">Closed Proprietary EHR (Epic, Cerner — locked)</div>
</div>
<div class="sol-tier worst">✕ Worst</div>
</div>
<div class="sol-scores">
<div class="score-item">
<div class="score-label">Data Privacy</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="40%"></div></div>
<div class="score-num">40</div>
</div>
</div>
<div class="score-item">
<div class="score-label">UX / UI</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="65%"></div></div>
<div class="score-num">65</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Security</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-amber" style="width:0" data-w="60%"></div></div>
<div class="score-num">60</div>
</div>
</div>
<div class="score-item">
<div class="score-label">Openness</div>
<div class="score-bar-wrap">
<div class="score-bar"><div class="score-fill fill-red" style="width:0" data-w="5%"></div></div>
<div class="score-num">5</div>
</div>
</div>
</div>
<div class="skill-band">
<div>
<div class="skill-label">Skill Level Required</div>
<div class="skill-track">
<div class="skill-fill" style="width:40%"></div>
<div class="skill-dot" style="left:40%"></div>
</div>
<div class="skill-ends"><span>Novice</span><span>Expert</span></div>
</div>
</div>
<div class="sol-covers">
<div class="covers-label">Why to avoid</div>
<ul class="covers-list">
<li><span class="ci">🔒</span><span><span class="cv">Privacy:</span> Proprietary data formats; patient data can be sold to third parties under terms unreadable to patients; interoperability legally blocked in some contracts</span></li>
<li><span class="ci">🖥️</span><span><span class="cv">UX/UI:</span> Costly, training-intensive; UX notoriously poor despite high licence costs — contributing to clinician burnout</span></li>
<li><span class="ci">🛡️</span><span><span class="cv">Security:</span> Cannot audit source code; multiple major EHR breaches (Change Healthcare 2024 — 100M records exposed)</span></li>
<li><span class="ci">🎓</span><span><span class="cv">Skill:</span> Intermediate — requires expensive vendor training; data cannot be freely migrated</span></li>
</ul>
</div>
</div>
</div><!-- /rp-grid -->
<!-- TAKE ACTION STRIP -->
<div class="rp-cta-container">
<div class="rp-cta-box">
<div class="rp-cta-content">
<div class="rp-cta-label">Knowledge is the first step</div>
<div class="rp-cta-title">Now bring it to D4PG.</div>
<p class="rp-ca-desc">Join TCIA at Data for Public Good — July 22–24, 2026 — to go deeper on every tool in this guide with fellow community members, educators, organizers, and technologists.</p>
</div>
<div class="rp-cta-buttons">
<a href="https://www.tciamn.org/resources" target="_blank" class="rp-cta-btn rp-cta-btn-secondary">More TCIA Resources →</a>
</div>
</div>
</div>
</div><!-- /resource-page -->
<!-- Load external JavaScript -->
<script src="https://tcia-admin.github.io/tcia-website/main/open-source/js/tcia.js"></script>
</section>
