Improve formatting in index.html and add Google AdSense block to DemoDocContainer.razor.

SamProf · SamProf · commit 44c0bf577090 · 2025-12-09T09:51:45.000+01:00
diff --git a/src/MatBlazor.Demo.ClientApp/wwwroot/index.html b/src/MatBlazor.Demo.ClientApp/wwwroot/index.html
@@ -1,46 +1,48 @@
 ﻿<!DOCTYPE html>
 <html>
 <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width" />
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width"/>
     <title>MatBlazor ClientApp</title>
-    <base href="/" />
+    <base href="/"/>
     <link rel="icon" type="image/png" sizes="32x32" href="https://raw.githubusercontent.com/SamProf/MatBlazor/master/content/favicon-32x32.png">
-    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
+    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
 
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-138065618-1"></script>
     <script>
         window.dataLayer = window.dataLayer || [];
 
-        function gtag() { dataLayer.push(arguments); }
+        function gtag() {
+            dataLayer.push(arguments);
+        }
 
         gtag('js', new Date());
 
         gtag('config', 'UA-138065618-1');
     </script>
 
 
-    <link href="_content/MatBlazor.Demo/site.css" rel="stylesheet" />
+    <link href="_content/MatBlazor.Demo/site.css" rel="stylesheet"/>
     <script src="_content/MatBlazor/dist/matBlazor.js"></script>
-    <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
+    <link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet"/>
     <script src="_content/MatBlazor.Demo/matBlazorDemo.js"></script>
     <script src="_content/MatBlazor.Demo/blazorFiddleLoader.js"></script>
-    <script data-ad-client="ca-pub-3904134905954949" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3904134905954949" crossorigin="anonymous"></script>
 
 
 </head>
 <body class="mat">
-    <app style="display: flex;">Loading...</app>
+<app style="display: flex;">Loading...</app>
 
 
-    <div id="blazor-error-ui">
-        An unhandled error has occurred.
-        <a href="" class="reload">Reload</a>
-        <a class="dismiss">🗙</a>
-    </div>
+<div id="blazor-error-ui">
+    An unhandled error has occurred.
+    <a href="" class="reload">Reload</a>
+    <a class="dismiss">🗙</a>
+</div>
 
-    <script src="_framework/blazor.webassembly.js"></script>
+<script src="_framework/blazor.webassembly.js"></script>
 </body>
 </html>
diff --git a/src/MatBlazor.Demo/DemoContainer/DemoDocContainer.razor b/src/MatBlazor.Demo/DemoContainer/DemoDocContainer.razor
@@ -1,6 +1,15 @@
 ﻿@if (!Secondary)
 {
     <h3 class="mat-h3">@Header</h3>
+    <!-- MatBlazor SubHeader -->
+    <div style="overflow: hidden; padding-top: 5px;">
+        <ins class="adsbygoogle"
+             style="display:block"
+             data-ad-client="ca-pub-3904134905954949"
+             data-ad-slot="3480345890"
+             data-ad-format="auto"
+             data-full-width-responsive="true"></ins>
+    </div>
 }
 else
 {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,15 @@`
`1`	`1`	`@if (!Secondary)`
`2`	`2`	`{`
`3`	`3`	`<h3 class="mat-h3">@Header</h3>`
	`4`	`+ <!-- MatBlazor SubHeader -->`
	`5`	`+ <div style="overflow: hidden; padding-top: 5px;">`
	`6`	`+ <ins class="adsbygoogle"`
	`7`	`+ style="display:block"`
	`8`	`+ data-ad-client="ca-pub-3904134905954949"`
	`9`	`+ data-ad-slot="3480345890"`
	`10`	`+ data-ad-format="auto"`
	`11`	`+ data-full-width-responsive="true"></ins>`
	`12`	`+ </div>`
`4`	`13`	`}`
`5`	`14`	`else`
`6`	`15`	`{`