Skip to content

Commit b9133bc

Browse files
gvreddy04gvreddy04
committed
Refactor index.html: formatting & asset versioning
Reformat HTML for readability and add asp-append-version to static asset references for cache busting. Updated Blazor WebAssembly script reference and removed explicit Blazor.start() call. No changes to application logic.
1 parent 96c4924 commit b9133bc

1 file changed

Lines changed: 52 additions & 55 deletions

File tree

  • BlazorExpress.ChartJS.Demo.WebAssembly/wwwroot

‎BlazorExpress.ChartJS.Demo.WebAssembly/wwwroot/index.html‎

Lines changed: 52 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,59 @@
11
<!DOCTYPE html>
22
<html lang="en">
33

4-
<head>
5-
<meta charset="utf-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>BlazorExpress.ChartJS.Demo.WebAssembly</title>
8-
<base href="/" />
9-
<link rel="icon" type="image/png" href="favicon.png" />
10-
11-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
12-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css" integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
13-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-vs.min.css" integrity="sha512-Jn4HzkCnzA7Bc+lbSQHAMeen0EhSTy71o9yJbXZtQx9VvozKVBV/2zfR3VyuDFIxGvHgbOMMNvb80l+jxFBC1Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
14-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
15-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
16-
<link rel="stylesheet" href="_content/BlazorExpress.Bulma/css/blazorexpress.bulma.css" asp-append-version="true" />
17-
18-
<link href="_content/BlazorExpress.ChartJS.Demo.RCL/css/blazorexpress.chartjs.demo.rcl.css" rel="stylesheet" asp-append-version="true" />
19-
<link href="BlazorExpress.ChartJS.Demo.WebAssembly.styles.css" rel="stylesheet" />
20-
21-
<!-- Google tag (gtag.js) -->
22-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4ZMNPVR9K1"></script>
23-
<script>
24-
window.dataLayer = window.dataLayer || [];
25-
function gtag() { dataLayer.push(arguments); }
26-
gtag('js', new Date());
27-
28-
gtag('config', 'G-4ZMNPVR9K1');
29-
</script>
30-
</head>
31-
32-
<body>
33-
<div id="app">
34-
<div class="bd-splash-icon">
35-
<div class="has-text-centered">
36-
<img src="logo.png" width="64" alt="Blazor Bootstrap - The BlazorExpress.ChartJs component library is a production-ready library built with Blazor and the Chart.js JavaScript library." />
37-
<div class="mt-2">Loading...</div>
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>BlazorExpress.ChartJS.Demo.WebAssembly</title>
8+
<base href="/" />
9+
<link rel="icon" type="image/png" href="favicon.png" />
10+
11+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css" integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
13+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-vs.min.css" integrity="sha512-Jn4HzkCnzA7Bc+lbSQHAMeen0EhSTy71o9yJbXZtQx9VvozKVBV/2zfR3VyuDFIxGvHgbOMMNvb80l+jxFBC1Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
14+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
15+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
16+
<link rel="stylesheet" href="_content/BlazorExpress.Bulma/css/blazorexpress.bulma.css" asp-append-version="true" />
17+
18+
<link href="_content/BlazorExpress.ChartJS.Demo.RCL/css/blazorexpress.chartjs.demo.rcl.css" rel="stylesheet" asp-append-version="true" />
19+
<link href="BlazorExpress.ChartJS.Demo.WebAssembly.styles.css" rel="stylesheet" />
20+
21+
<!-- Google tag (gtag.js) -->
22+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4ZMNPVR9K1"></script>
23+
<script>
24+
window.dataLayer = window.dataLayer || [];
25+
function gtag() { dataLayer.push(arguments); }
26+
gtag('js', new Date());
27+
28+
gtag('config', 'G-4ZMNPVR9K1');
29+
</script>
30+
</head>
31+
32+
<body>
33+
<div id="app">
34+
<div class="bd-splash-icon">
35+
<div class="has-text-centered">
36+
<img src="logo.png" width="64" alt="Blazor Bootstrap - The BlazorExpress.ChartJs component library is a production-ready library built with Blazor and the Chart.js JavaScript library." />
37+
<div class="mt-2">Loading...</div>
38+
</div>
3839
</div>
3940
</div>
40-
</div>
41-
42-
<script src="_framework/blazor.webassembly.js" autostart="false"></script>
43-
<script src="_content/BlazorExpress.Bulma/js/blazorexpress.bulma.js"></script>
44-
45-
<!-- Add chart.js reference if chart components are used in your application. -->
46-
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js" integrity="sha512-ZwR1/gSZM3ai6vCdI+LVF1zSq/5HznD3ZSTk7kajkaj4D292NLuduDCO1c/NT8Id+jE58KYLKT7hXnbtryGmMg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
47-
<!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. -->
48-
<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
49-
<script src="_content/BlazorExpress.ChartJS/blazorexpress.chartjs.js"></script>
50-
51-
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js" integrity="sha512-7Z9J3l1+EYfeaPKcGXu3MS/7T+w19WtKQY/n+xzmw4hZhJ9tyYmcUS+4QqAlzhicE5LAfMQSF3iFTK9bQdTxXg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
52-
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-SkmBfuA2hqjzEVpmnMt/LINrjop3GKWqsuLSSB3e7iBmYK7JuWw4ldmmxwD9mdm2IRTTi0OxSAfEGvgEi0i2Kw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
53-
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/custom-class/prism-custom-class.min.js" integrity="sha512-7uKPAecn+SrAT5xVovlVdFCkXTM9LzNzjaK3yzb3ht22SwjnUTjWHNAp7dq3OPFmPb+DCAFjWnDT8Qrf256GeQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
54-
55-
<script src="_content/BlazorExpress.ChartJS.Demo.RCL/js/blazorexpress.chartjs.demo.rcl.js"></script>
56-
57-
<script>
58-
Blazor.start();
59-
</script>
60-
</body>
41+
42+
<script src="_framework/blazor.webassembly#[.{fingerprint}].js"></script>
43+
<script src="_content/BlazorExpress.Bulma/js/blazorexpress.bulma.js" asp-append-version="true"></script>
44+
45+
<!-- Add chart.js reference if chart components are used in your application. -->
46+
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js" integrity="sha512-ZwR1/gSZM3ai6vCdI+LVF1zSq/5HznD3ZSTk7kajkaj4D292NLuduDCO1c/NT8Id+jE58KYLKT7hXnbtryGmMg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
47+
<!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. -->
48+
<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
49+
<script src="_content/BlazorExpress.ChartJS/blazorexpress.chartjs.js" asp-append-version="true"></script>
50+
51+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js" integrity="sha512-7Z9J3l1+EYfeaPKcGXu3MS/7T+w19WtKQY/n+xzmw4hZhJ9tyYmcUS+4QqAlzhicE5LAfMQSF3iFTK9bQdTxXg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
52+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-SkmBfuA2hqjzEVpmnMt/LINrjop3GKWqsuLSSB3e7iBmYK7JuWw4ldmmxwD9mdm2IRTTi0OxSAfEGvgEi0i2Kw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
53+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/custom-class/prism-custom-class.min.js" integrity="sha512-7uKPAecn+SrAT5xVovlVdFCkXTM9LzNzjaK3yzb3ht22SwjnUTjWHNAp7dq3OPFmPb+DCAFjWnDT8Qrf256GeQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
54+
55+
<script src="_content/BlazorExpress.ChartJS.Demo.RCL/js/blazorexpress.chartjs.demo.rcl.js" asp-append-version="true"></script>
56+
57+
</body>
6158

6259
</html>

0 commit comments

Comments
 (0)