hameefy.github.io/artifacts.html at main · hameefy/hameefy.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hassan Mohammad — Artifacts</title>
<meta name="description" content="Interactive demos, notebooks, and visualizations — Hassan Mohammad, Bayero University Kano.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>

<header class="site-header">
  <div class="header-inner">
    <p class="site-name"><a href="index.html">Hassan Mohammad</a></p>
    <nav class="site-nav" aria-label="Primary">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="publications.html">Publications</a></li>
        <li><a href="people.html">People</a></li>
        <li><a href="news.html">News</a></li>
        <li><a href="math-ai.html">Math &amp; AI</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="artifacts.html" class="active">Artifacts</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

<main>
  <p class="eyebrow">Interactive</p>
  <h2 class="section-title">Artifacts</h2>

  <p style="color: var(--text-muted);">
    Interactive demos, worked derivations, and visualizations built with Claude — mostly companions to
    lectures, papers, or the short-form videos on <a href="projects.html">Projects</a>. Each link opens
    a live, runnable artifact.
  </p>

  <div class="artifact-item">
    <div class="tag-row">Research report · Claude Artifact</div>
    <h3><a href="https://claude.ai/chat/7c419599-e102-4475-8015-c348522e8bee?artifactId=compass_artifact_wf-21b002ca-50ca-4ce9-81a7-16f4ac984846_text%2Fmarkdown&versionUuid=019f073b-d892-7548-a9ea-3d1b5d1394be" target="_blank" rel="noopener">Getting Started with Visual Studio Code — Research Backbone for an Applied-Mathematics Onboarding Deck</a></h3>
    <p>
      Background research compiled to support an onboarding deck introducing VS Code to applied-mathematics students and collaborators.
    </p>
  </div>

  <div class="artifact-item">
    <div class="tag-row">Technical evaluation · Claude Artifact</div>
    <h3><a href="https://claude.ai/chat/55cdc868-d08a-483b-b52b-64f39fdec43e?artifactId=compass_artifact_wf-186a25c4-09f1-47b7-8e49-823007a21e6c_text%2Fmarkdown&versionUuid=019f05f6-df15-7134-8e9f-1f5d01ed9351" target="_blank" rel="noopener">Pinokio: A Technical Evaluation for a Blackwell/WSL2 Local-AI Pipeline</a></h3>
    <p>
      A technical evaluation of Pinokio as a local AI tooling option for a Blackwell-GPU, WSL2-based pipeline.
    </p>
  </div>

  <div class="artifact-item">
    <div class="tag-row">Reference guide · Claude Artifact</div>
    <h3><a href="https://claude.ai/chat/f5b88739-ef3e-4ebb-94be-578190314bd1?artifactId=compass_artifact_wf-23295fda-3a12-407f-a925-96eaefa2678d_text%2Fmarkdown&versionUuid=019ec8e9-fe4b-778d-8cad-af611b9cea21" target="_blank" rel="noopener">Source-Verified Reference Guide: AI &amp; Computational Tools for Graduate Academic Research</a></h3>
    <p>
      A source-verified reference guide surveying AI and computational tools relevant to graduate-level academic research.
    </p>
  </div>

  <div class="artifact-item">
    <div class="tag-row">Interactive demo · Claude Artifact</div>
    <h3><a href="https://claude.ai/public/artifacts/7718118b-9279-41b1-8ec7-6aa95b053ced" target="_blank" rel="noopener">Running Open-Source LLMs Locally in VS Code with Ollama</a></h3>
    <p>
      A walkthrough of setting up and running open-source LLMs locally inside VS Code using Ollama.
    </p>
  </div>

  <!--
    To add another artifact, copy the block below just above this comment and edit
    the tag-row, title text, link, and description. Newest entries go at the top.

    <div class="artifact-item">
      <div class="tag-row">Interactive demo · Claude Artifact</div>
      <h3><a href="PASTE_ARTIFACT_LINK_HERE" target="_blank" rel="noopener">Artifact title</a></h3>
      <p>
        One or two sentences describing what this artifact shows or lets the viewer explore.
      </p>
    </div>
  -->

</main>

<footer class="site-footer">
  © 2026 Hassan Mohammad. Built with plain HTML &amp; CSS, hosted on GitHub Pages.
</footer>

</body>
</html>