Update interactive elements to match intro page style - cleaner admonition format

This commit is contained in:
Vijay Janapa Reddi
2025-07-16 00:59:54 -04:00
parent 876528d2c5
commit d1961346cc
15 changed files with 105 additions and 495 deletions

View File

@@ -184,42 +184,16 @@ The skills you learn here - the development workflow, testing patterns, and code
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/01_setup/setup_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/01_setup/setup_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/01_setup/setup_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/01_setup/setup_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/01_setup/setup_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/01_setup/setup_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -231,42 +231,16 @@ Take your time, test thoroughly, and enjoy building something that really works!
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/02_tensor/tensor_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/02_tensor/tensor_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/02_tensor/tensor_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/02_tensor/tensor_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/02_tensor/tensor_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/02_tensor/tensor_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -275,42 +275,16 @@ You've mastered this module when:
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/03_activations/activations_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/03_activations/activations_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/03_activations/activations_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/03_activations/activations_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/03_activations/activations_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/03_activations/activations_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -235,42 +235,16 @@ After completing this module, you're ready for:
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/04_layers/layers_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/04_layers/layers_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/04_layers/layers_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/04_layers/layers_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/04_layers/layers_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/04_layers/layers_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -299,42 +299,16 @@ Input → Dense(784,128) → ReLU → Dense(128,64) → ReLU → Dense(64,10)
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/05_networks/networks_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/05_networks/networks_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/05_networks/networks_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/05_networks/networks_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/05_networks/networks_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/05_networks/networks_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -93,42 +93,16 @@ python -m pytest tests/test_cnn.py -v
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/06_cnn/cnn_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/06_cnn/cnn_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/06_cnn/cnn_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/06_cnn/cnn_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/06_cnn/cnn_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/06_cnn/cnn_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -337,42 +337,16 @@ Focus on clean interfaces, efficient implementation, and systems thinking! 🔥
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/07_dataloader/dataloader_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/07_dataloader/dataloader_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/07_dataloader/dataloader_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/07_dataloader/dataloader_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/07_dataloader/dataloader_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/07_dataloader/dataloader_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -315,42 +315,16 @@ This module transforms TinyTorch from a static computation library into a dynami
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/08_autograd/autograd_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/08_autograd/autograd_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/08_autograd/autograd_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/08_autograd/autograd_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/08_autograd/autograd_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/08_autograd/autograd_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -230,42 +230,16 @@ Your optimizers will be the engine that transforms gradients into intelligence!
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/09_optimizers/optimizers_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/09_optimizers/optimizers_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/09_optimizers/optimizers_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/09_optimizers/optimizers_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/09_optimizers/optimizers_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/09_optimizers/optimizers_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -303,42 +303,16 @@ history = trainer.fit(housing_loader, epochs=100)
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/10_training/training_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/10_training/training_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/10_training/training_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/10_training/training_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/10_training/training_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/10_training/training_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -201,42 +201,16 @@ This module bridges the gap between research-quality models and production-ready
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/11_compression/compression_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/11_compression/compression_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/11_compression/compression_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/11_compression/compression_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/11_compression/compression_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/11_compression/compression_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -171,42 +171,16 @@ By the end, you'll think like a **performance engineer**, not just a machine lea
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/12_kernels/kernels_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/12_kernels/kernels_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/12_kernels/kernels_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/12_kernels/kernels_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/12_kernels/kernels_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/12_kernels/kernels_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -180,42 +180,16 @@ By the end of this module, you should be able to:
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/13_benchmarking/benchmarking_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/13_benchmarking/benchmarking_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/13_benchmarking/benchmarking_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/13_benchmarking/benchmarking_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/13_benchmarking/benchmarking_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/13_benchmarking/benchmarking_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -350,42 +350,16 @@ This module represents the culmination of your TinyTorch journey - from basic te
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{admonition} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/14_mlops/mlops_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/14_mlops/mlops_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/14_mlops/mlops_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/14_mlops/mlops_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/14_mlops/mlops_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/14_mlops/mlops_dev.ipynb) *(Google's notebook environment)*
```
---

View File

@@ -87,42 +87,16 @@ def enhance_content_for_web(content: str, module_name: str, module_num: int) ->
interactive_elements = f"""
---
## 🚀 Interactive Learning
## 🚀 Ready to Build?
<div class="admonition tip">
<p class="admonition-title">💡 Try It Yourself</p>
<p>Ready to start building? Choose your preferred environment:</p>
</div>
```{{admonition}} Choose Your Environment
:class: tip
**Quick Start:** [🚀 Launch Builder](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/{module_name}/{module_name.split('_', 1)[1]}_dev.ipynb) *(Jump directly into implementation)*
### 🔧 **Builder Environment**
<div class="admonition note">
<p class="admonition-title">🏗️ Quick Start</p>
<p>Jump directly into the implementation with our guided builder:</p>
</div>
**Full Development:** [📓 Open Jupyter](https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/{module_name}/{module_name.split('_', 1)[1]}_dev.ipynb) *(Complete development environment)*
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/{module_name}/{module_name.split('_', 1)[1]}_dev.ipynb" target="_blank" class="btn btn-primary">
🚀 Launch Builder
</a>
### 📓 **Jupyter Notebook**
<div class="admonition note">
<p class="admonition-title">📚 Full Development</p>
<p>Work with the complete development environment:</p>
</div>
<a href="https://mybinder.org/v2/gh/MLSysBook/TinyTorch/main?filepath=modules/source/{module_name}/{module_name.split('_', 1)[1]}_dev.ipynb" target="_blank" class="btn btn-success">
📓 Open Jupyter
</a>
### 🎯 **Google Colab**
<div class="admonition note">
<p class="admonition-title">☁️ Cloud Environment</p>
<p>Use Google's cloud-based notebook environment:</p>
</div>
<a href="https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/{module_name}/{module_name.split('_', 1)[1]}_dev.ipynb" target="_blank" class="btn btn-info">
☁️ Open in Colab
</a>
**Cloud Environment:** [☁️ Open in Colab](https://colab.research.google.com/github/MLSysBook/TinyTorch/blob/main/modules/source/{module_name}/{module_name.split('_', 1)[1]}_dev.ipynb) *(Google's notebook environment)*
```
---