|
/
|
osteele.com
|
|
|
/
|
Oliver Steele
|
|
|
/about
|
About
|
|
|
/projects
|
Work
|
|
|
/software
|
Software
|
|
|
/teaching/courses
|
Teaching
|
|
|
/
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"></path></svg> <span>Home</span>
|
|
|
/software/web-apps
|
<div class="flex items-center gap-3 mb-3"> <span class="text-blue-600 dark:text-blue-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Web Apps </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Interactive applications for learning, research, and creative work. </p>
|
|
|
/software/desktop-apps
|
<div class="flex items-center gap-3 mb-3"> <span class="text-cyan-600 dark:text-cyan-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="4" width="18" height="13" rx="2"></rect>
<path d="M8 21h8M12 17v4"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Desktop Apps </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Native desktop applications for research, productivity, and creative work. </p>
|
|
|
/software/command-line
|
<div class="flex items-center gap-3 mb-3"> <span class="text-green-600 dark:text-green-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="4 17 10 11 4 5"></polyline>
<line x1="12" y1="19" x2="20" y2="19"></line>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Command Line Tools </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Command-line utilities for development, publishing, and language learning. </p>
|
|
|
/software/libraries
|
<div class="flex items-center gap-3 mb-3"> <span class="text-indigo-600 dark:text-indigo-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 6H3v8h13V6z M16 14H3v4h13v-4z M20 10h-4v4h4v-4z M20 6h-4v4h4V6z M20 14h-4v4h4v-4z"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Libraries & Frameworks </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Libraries for JavaScript, Python, Go, and other languages. </p>
|
|
|
/software/development-tools
|
<div class="flex items-center gap-3 mb-3"> <span class="text-orange-600 dark:text-orange-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Development Tools </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Tools for version control, builds, and development workflows. </p>
|
|
|
/software/agent-tools
|
<div class="flex items-center gap-3 mb-3"> <span class="text-violet-600 dark:text-violet-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="4 17 10 11 4 5"></polyline>
<line x1="12" y1="19" x2="20" y2="19"></line>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Agent Tools </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Infrastructure for coding-agent coordination, knowledge, policy, and integrations. </p>
|
|
|
/software/academic-research-tools
|
<div class="flex items-center gap-3 mb-3"> <span class="text-purple-600 dark:text-purple-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 10v6M2 10l10-5 10 5-10 5z"></path>
<path d="M6 12v5c3 3 9 3 12 0v-5"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Academic Research Tools </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Tools for research computing, scholarly documents, and citation management. </p>
|
|
|
/topics/p5js
|
<div class="flex items-center gap-3 mb-3"> <span class="text-blue-600 dark:text-blue-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="16 18 22 12 16 6"></polyline>
<polyline points="8 6 2 12 8 18"></polyline>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> p5.js Tools </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Libraries and tools for the p5.js creative coding framework. </p>
|
|
|
/software/obsidian
|
<div class="flex items-center gap-3 mb-3"> <span class="text-purple-600 dark:text-purple-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2"></rect>
<circle cx="12" cy="12" r="5"></circle>
<path d="M12 7v5l3 3"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Obsidian Tools </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Plugins and utilities for Obsidian. </p>
|
|
|
/topics/language-learning
|
<div class="flex items-center gap-3 mb-3"> <span class="text-sky-600 dark:text-sky-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="2" y1="12" x2="22" y2="12"></line>
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Language Learning </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Tools for reading, listening, translation, and flashcards. </p>
|
|
|
/topics/physical-computing
|
<div class="flex items-center gap-3 mb-3"> <span class="text-purple-600 dark:text-purple-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
<line x1="9" y1="9" x2="15" y2="15"></line>
<circle cx="9" cy="9" r="1"></circle>
<circle cx="15" cy="15" r="1"></circle>
<circle cx="15" cy="9" r="1"></circle>
<circle cx="9" cy="15" r="1"></circle>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Physical Computing </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Tools for microcontrollers, motion sensors, and wireless data. </p>
|
|
|
/topics/embroidery
|
<div class="flex items-center gap-3 mb-3"> <span class="text-pink-600 dark:text-pink-400 transition-all duration-300 group-hover:scale-110 group-hover:rotate-6"> <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 3a9 9 0 0 1 9 9v4a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h4"></path>
<path d="M12 3a9 9 0 0 0-9 9v4a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3"></path>
</svg> </span> <h3 class="text-xl font-semibold text-gray-900 dark:text-gray-100"> Machine Embroidery </h3> </div> <p class="text-gray-700 dark:text-gray-300 text-sm"> Tools for embroidery file conversion and machine workflows. </p>
|
|
|
/contact
|
Contact
|
|
|
/colophon
|
Colophon
|
|