html-twbs-bootstrap-template

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before1{{ if eq hugo.Environment "production" -}}
2  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
3{{ else -}}
4  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
5{{- end }}
6
7<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
8
9{{ if eq .Page.Layout "docs" -}}
10<script src="https://cdn.jsdelivr.net/npm/@stackblitz/sdk@1/bundles/sdk.umd.js"></script>
11{{- end }}
12
13{{- $vendor := resources.Match "js/vendor/*.js" -}}
14{{- $js := resources.Match "js/*.js" -}}
15{{- $targetDocsJSPath := path.Join "/docs" .Site.Params.docs_version "assets/js/docs.js" -}}
16{{- $docsJs := append $js $vendor | resources.Concat $targetDocsJSPath -}}
17
18{{- if eq hugo.Environment "production" -}}
19  {{- $docsJs = $docsJs | resources.Minify -}}
20{{- end }}
21
22<script src="{{ $docsJs.Permalink | relURL }}"></script>
23
24{{ if eq .Page.Layout "docs" -}}
…lines 25–74 unchanged (50 lines)

After1{{ if hugo.IsProduction -}}
2  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
3{{ else -}}
4  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
5{{- end }}
6
7<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
8
9{{ if eq .Page.Layout "docs" -}}
10<script src="https://cdn.jsdelivr.net/npm/@stackblitz/sdk@1/bundles/sdk.umd.js"></script>
11{{- end }}
12
13{{- $vendor := resources.Match "js/vendor/*.js" -}}
14{{- $js := resources.Match "js/*.js" -}}
15{{- $targetDocsJSPath := path.Join "/docs" .Site.Params.docs_version "assets/js/docs.js" -}}
16{{- $docsJs := append $js $vendor | resources.Concat $targetDocsJSPath -}}
17
18{{- if hugo.IsProduction -}}
19  {{- $docsJs = $docsJs | resources.Minify -}}
20{{- end }}
21
22<script src="{{ $docsJs.Permalink | relURL }}"></script>
23
24{{ if eq .Page.Layout "docs" -}}
…lines 25–74 unchanged (50 lines)

Before1{{ if eq hugo.Environment "production" -}}
2  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
3{{ else -}}
4  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
5{{- end }}
6
7<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
8
9{{ if eq .Page.Layout "docs" -}}
10<script src="https://cdn.jsdelivr.net/npm/@stackblitz/sdk@1/bundles/sdk.umd.js"></script>
11{{- end }}
12
13{{- $vendor := resources.Match "js/vendor/*.js" -}}
14{{- $js := resources.Match "js/*.js" -}}
15{{- $targetDocsJSPath := path.Join "/docs" .Site.Params.docs_version "assets/js/docs.js" -}}
16{{- $docsJs := append $js $vendor | resources.Concat $targetDocsJSPath -}}
17
18{{- if eq hugo.Environment "production" -}}
19  {{- $docsJs = $docsJs | resources.Minify -}}
20{{- end }}
21
22<script src="{{ $docsJs.Permalink | relURL }}"></script>
23
24{{ if eq .Page.Layout "docs" -}}
…lines 25–74 unchanged (50 lines)

After1{{ if hugo.IsProduction -}}
2  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.min.js" {{ printf "integrity=%q" .Site.Params.cdn.js_bundle_hash | safeHTMLAttr }}></script>
3{{ else -}}
4  <script src="/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bundle.js"></script>
5{{- end }}
6
7<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
8
9{{ if eq .Page.Layout "docs" -}}
10<script src="https://cdn.jsdelivr.net/npm/@stackblitz/sdk@1/bundles/sdk.umd.js"></script>
11{{- end }}
12
13{{- $vendor := resources.Match "js/vendor/*.js" -}}
14{{- $js := resources.Match "js/*.js" -}}
15{{- $targetDocsJSPath := path.Join "/docs" .Site.Params.docs_version "assets/js/docs.js" -}}
16{{- $docsJs := append $js $vendor | resources.Concat $targetDocsJSPath -}}
17
18{{- if hugo.IsProduction -}}
19  {{- $docsJs = $docsJs | resources.Minify -}}
20{{- end }}
21
22<script src="{{ $docsJs.Permalink | relURL }}"></script>
23
24{{ if eq .Page.Layout "docs" -}}
…lines 25–74 unchanged (50 lines)

Before

document

text "{{ if eq hugo.Environment \"production\" -}}"

script_element (+29 nodes collapsed)

text "{{ else -}}"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bund"...

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{- end }}"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "https://cdn.jsdelivr.net/npm/@docsearch/js@3"

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{ if eq .Page.Layout \"docs\" -}}"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "https://cdn.jsdelivr.net/npm/@stackblitz/sdk@1/bundles/sdk.u"...

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{- end }}\n\n{{- $vendor := resources.Match \"js/vendor/*.js\" "...

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "{{ $docsJs.Permalink | relURL }}"

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{ if eq .Page.Layout \"docs\" -}}"

script_element

start_tag

< "<"

tag_name "script"

> ">"

raw_text "\n // Open in StackBlitz logic\n document.querySelectorAll('"...

end_tag

</ "</"

tag_name "script"

> ">"

text "{{- end }}"

After

document

text "{{ if hugo.IsProduction -}}"

script_element (+29 nodes collapsed)

text "{{ else -}}"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "/docs/{{ .Site.Params.docs_version }}/dist/js/bootstrap.bund"...

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{- end }}"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "https://cdn.jsdelivr.net/npm/@docsearch/js@3"

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{ if eq .Page.Layout \"docs\" -}}"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "https://cdn.jsdelivr.net/npm/@stackblitz/sdk@1/bundles/sdk.u"...

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{- end }}\n\n{{- $vendor := resources.Match \"js/vendor/*.js\" "...

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "{{ $docsJs.Permalink | relURL }}"

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

text "{{ if eq .Page.Layout \"docs\" -}}"

script_element

start_tag

< "<"

tag_name "script"

> ">"

raw_text "\n // Open in StackBlitz logic\n document.querySelectorAll('"...

end_tag

</ "</"

tag_name "script"

> ">"

text "{{- end }}"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help