add licenses to games

Author: ritamtbsilva

README.md

@@ -121,4 +121,12 @@ For non-Git users: edit any file on GitHub (click it → pencil icon ✏ → Com
 
 ---
 
+---
+
+## Acknowledgements
+
+The first draft of this website — structure, layout, CSS design system, JavaScript, and outreach games — was built with **[Claude Sonnet 4.6](https://www.anthropic.com/claude)** (Anthropic) via Cowork mode.
+
+---
+
 *Disease Transcriptomics Lab · NOVA Medical School · Lisboa, Portugal*

css/styles.css

@@ -887,6 +887,20 @@ a.outreach-header--link:hover .outreach-status-pill {
   border: 1px solid var(--border);
 }
 
+/* License credit line inside outreach cards */
+.outreach-license {
+  margin-top: .85rem;
+  font-size: .7rem;
+  color: var(--slate);
+  opacity: .7;
+}
+.outreach-license a {
+  color: var(--teal);
+  text-decoration: none;
+  font-weight: 600;
+}
+.outreach-license a:hover { text-decoration: underline; }
+
 /* Footer row */
 .outreach-card-footer {
   margin-top: .5rem;

games/arvore_inteligente.html

@@ -4,6 +4,8 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 <title>Árvore Inteligente</title>
+<meta name="author" content="Disease Transcriptomics Lab, NOVA Medical School" />
+<meta name="license" content="CC BY-NC-ND 4.0 — https://creativecommons.org/licenses/by-nc-nd/4.0/" />
 <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap" rel="stylesheet">
 <style>
 /* ═══════════════════════════════════════════════════
@@ -1587,5 +1589,21 @@ <h3>🎮 Níveis</h3>
 }
 document.addEventListener('keydown',e=>{ if(e.key==='Escape') closeModal(); });
 </script>
+
+<!-- ── LICENSE FOOTER ── -->
+<footer style="
+  text-align:center; padding:14px 20px; font-size:11px;
+  color:#8a6d4e; background:#f5ede0; border-top:1px solid #e0cdb5;
+  font-family:'Nunito',sans-serif; line-height:1.7;">
+  <strong>Árvore Inteligente</strong> ·
+  © <span id="footer-year"></span>
+  <a href="https://nmoraislab.github.io" target="_blank" rel="noopener"
+     style="color:#2e9e5b;text-decoration:none;">Disease Transcriptomics Lab, NOVA Medical School</a>
+  ·
+  <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" rel="noopener"
+     style="color:#2e9e5b;text-decoration:none;">CC BY-NC-ND 4.0</a>
+  — partilha permitida com crédito; uso comercial e modificações não autorizados.
+  <script>document.getElementById('footer-year').textContent=new Date().getFullYear();</script>
+</footer>
 </body>
 </html>

games/monster-scientists.html

@@ -4,6 +4,8 @@
 <meta charset="UTF-8"/>
 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 <title>Monster Scientists / Cientistas de Monstros</title>
+<meta name="author" content="Disease Transcriptomics Lab, NOVA Medical School" />
+<meta name="license" content="CC BY-NC-ND 4.0 — https://creativecommons.org/licenses/by-nc-nd/4.0/" />
 <style>
   @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Quicksand:wght@600;700&display=swap');
 
@@ -1930,5 +1932,21 @@ <h2>${t.trainingTitle[lv - 1]}</h2>
     `<span class="lang-monster-wrap">${renderMonster({color:'blue',  spots:'few',  eyes:3}, 90, false, false)}</span>`;
 })();
 </script>
+
+<!-- ── LICENSE FOOTER ── -->
+<footer style="
+  text-align:center; padding:14px 20px; font-size:11px;
+  color:#555; background:#f0f4ff; border-top:1px solid #d0d8f0;
+  font-family:system-ui,sans-serif; line-height:1.7;">
+  <strong>Monster Scientists / Cientistas de Monstros</strong> ·
+  © <span id="footer-year"></span>
+  <a href="https://nmoraislab.github.io" target="_blank" rel="noopener"
+     style="color:#4a6cf7;text-decoration:none;">Disease Transcriptomics Lab, NOVA Medical School</a>
+  ·
+  <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" rel="noopener"
+     style="color:#4a6cf7;text-decoration:none;">CC BY-NC-ND 4.0</a>
+  — partilha permitida com crédito; uso comercial e modificações não autorizados.
+  <script>document.getElementById('footer-year').textContent=new Date().getFullYear();</script>
+</footer>
 </body>
 </html>

sections/outreach.html

@@ -56,7 +56,14 @@ <h3 class="outreach-card-title">Monster Scientists</h3>
             <span class="outreach-tag">Disease Signatures</span>
             <span class="outreach-tag">EN · PT</span>
           </div>
- 
+
+          <p class="outreach-license">
+            <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" rel="noopener">
+              CC BY-NC-ND 4.0
+            </a>
+            · © Disease Transcriptomics Lab, NOVA Medical School
+          </p>
+
         </div>
 
       </div><!-- /monster-scientists -->
@@ -95,7 +102,14 @@ <h3 class="outreach-card-title">Árvore Inteligente</h3>
             <span class="outreach-tag">Recommendation Systems</span>
             <span class="outreach-tag">Explainable AI</span>
           </div>
- 
+
+          <p class="outreach-license">
+            <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" rel="noopener">
+              CC BY-NC-ND 4.0
+            </a>
+            · © Disease Transcriptomics Lab, NOVA Medical School
+          </p>
+
         </div>
 
       </div><!-- /arvore-inteligente -->