shell.html

{{- $shell := .Site.Params.shell }}
{{- $intro := index $shell "intro" }}
<div class="hero-right">
    <div class="flex-column shell-title-container">
        {{- range $intro }}
            <div class="shell-title">{{ .title }}</div>
            <div class="shell-content-message">
                <p>{{ .text }}</p>
            </div>
        {{- end }}
    </div>
    <div class="numpy-shell-canvas">
        <div class="numpy-shell-container">
            <div class="shell-lesson shell-content">
                {{partial "shell-lesson.html" | print | markdownify}}
            </div>
            <!-- Interactive Shell -->
            <iframe
                class="numpy-shell"
                src="https://jupyterlite.github.io/demo/repl/?toolbar=1&kernel=python&code=import%20numpy%20as%20np"
            >
            </iframe>
        </div>
    </div>
</div>