Fix reference to twbs/examples/icons-font + fine-tune index.html SB location target (#38310)

* Fix reference to twbs/examples/icons-font + fine-tune index.html SB location target

* Use urlquery

* Add `rel="noopener"`

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

.cspell.json

@@ -108,6 +108,7 @@
     "unstyled",
     "Uppercased",
     "urlize",
+    "urlquery",
     "vbtn",
     "viewports",
     "Vite",

site/content/docs/5.3/examples/_index.md

@@ -26,13 +26,17 @@ aliases: "/examples/"
           <svg class="bi fs-5 flex-shrink-0 mt-1"><use xlink:href="#box-seam"></use></svg>
           <div>
             <h3 class="h5 mb-1">
-              <a class="d-block link-offset-1" href="{{ $.Site.Params.github_org }}{{ $example.url }}/" target="_blank">
+              <a class="d-block link-offset-1" href="{{ $.Site.Params.github_org }}{{ $example.url }}/" target="_blank" rel="noopener">
                 {{ $example.name }}
               </a>
             </h3>
             <p class="text-body-secondary">{{ $example.description }}</p>
             <p>
-              <a class="icon-link small link-secondary link-offset-1" href="https://stackblitz.com/github/twbs{{ $example.url }}?file=index.html" target="_blank">
+              {{- $htmlIndexLocation := "index.html" -}}
+              {{- if $example.htmlIndexLocation -}}
+                {{- $htmlIndexLocation = printf "%s/index.html" $example.htmlIndexLocation -}}
+              {{- end }}
+              <a class="icon-link small link-secondary link-offset-1" href="https://stackblitz.com/github/twbs{{ $example.url }}?file={{ $htmlIndexLocation | urlquery }}" target="_blank" rel="noopener">
                 <svg class="bi flex-shrink-0"><use xlink:href="#lightning-charge-fill"></use></svg>
                 Edit in StackBlitz
               </a>

site/data/examples.yml

@@ -14,15 +14,18 @@
     - name: Webpack
       description: "Import and bundle Bootstrap's source Sass and JavaScript with Webpack."
       url: /examples/tree/main/webpack
+      htmlIndexLocation: src
     - name: Parcel
       description: "Import and bundle Bootstrap's source Sass and JavaScript via Parcel."
       url: /examples/tree/main/parcel
+      htmlIndexLocation: src
     - name: Vite
       description: "Import and bundle Bootstrap's source Sass and JavaScript with Vite."
       url: /examples/tree/main/vite
+      htmlIndexLocation: src
     - name: Bootstrap Icons
       description: "Import and compile Bootstrap's Sass with Stylelint, PurgeCSS, and the Bootstrap Icons web font."
-      url: /examples/tree/main/bootstrap-icons
+      url: /examples/tree/main/icons-font
 
 - category: Snippets
   description: "Common patterns for building sites and apps that build on existing components and utilities with custom CSS and more."