headless.tech-playground.com

Aka embedding without the need for creating a snippet first.
This reads code blocks directly from the page and talks with the tech-playground API to execute them, showing results in-line.

NGINX Example

playground="nginx"
version="stable"
controls="top"
output="bottom"

                
worker_processes  1;
worker_rlimit_nofile 8192;

events {
  worker_connections  4096;
}

http {
  include    /etc/nginx/mime.types;
  index    index.html index.htm index.php;

  server {
    listen          80;
    server_name     basic;
    access_log      /dev/stdout;

    location / {
      proxy_pass      http://httpbin.org;
    }
    location /deny {
        deny all;
    }
  }
}

                
curl http://127.0.0.1/headers

Caddy Example

playground="caddy"

                
:80 {
    respond /deny* "Permission denied" 403
    reverse_proxy httpbin.org:80
}

                
curl http://127.0.0.1/headers
curl http://127.0.0.1/deny

Jinja Example

playground="jinja"

                
{%- if greet_user and username -%}
Hello {{ username }}!
{% endif -%}
Here is a list of your things:
{% for thing in things %}
- {{ thing }}
{%- endfor %}

                
curl http://127.0.0.1/headers
curl http://127.0.0.1/deny