Add README and GitHub link footer with icon

Author: vishnuravi

README.md

@@ -0,0 +1,40 @@
+# Explore AI Diagnostic Performance
+
+An interactive educational tool for teaching clinicians how to interpret AI diagnostic metrics using a chest X-ray pneumonia detection example.
+
+## Overview
+
+This tutorial helps clinicians understand:
+
+- **Confusion Matrix**: True positives, false positives, true negatives, false negatives
+- **Key Metrics**: Sensitivity (recall), specificity, precision (PPV), accuracy, F1 score
+- **ROC and PR Curves**: How threshold selection affects the tradeoff between metrics
+- **Prevalence Effects**: Why the same AI performs differently in high vs. low prevalence settings
+
+## Features
+
+- Interactive threshold slider to explore metric tradeoffs
+- Three clinical scenarios: Severe Cases, Subtle Cases, and Low Prevalence
+- Toggle between ROC and Precision-Recall curves
+- Adjustable prevalence slider to demonstrate Bayesian effects on precision
+- Clinical scenario questions with expandable answers
+
+## Usage
+
+Open `index.html` in a web browser. No build step or server required.
+
+## Authors
+
+- Vishnu Ravi, MD
+- Alaa Youssef, PhD
+- Aydin Zahedivash, MD
+- Gabriel Tse, MD
+- Jonathan Chen, MD, PhD
+
+## License
+
+Stanford Medicine - AI in Medical Education
+
+## Links
+
+- [AI in Medical Education at Stanford Medicine](https://med.stanford.edu/ai-in-meded.html)

css/styles.css

@@ -83,6 +83,26 @@ body {
     height: auto;
 }
 
+.site-footer {
+    text-align: center;
+    padding: 20px;
+    margin-top: 10px;
+}
+
+.site-footer a {
+    color: rgba(255, 255, 255, 0.8);
+    text-decoration: none;
+    font-size: 0.9em;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.site-footer a:hover {
+    color: white;
+    text-decoration: underline;
+}
+
 .container {
     max-width: 1400px;
     margin: 0 auto;

index.html

@@ -382,6 +382,13 @@ <h3>3. Low Prevalence</h3>
 
     </div>
 
+    <footer class="site-footer">
+        <a href="https://github.com/stanfordmed/aimeded" target="_blank">
+            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
+            View on GitHub
+        </a>
+    </footer>
+
     <script src="js/script.js"></script>
 </body>
 </html>