From 472fa59f3e34911892c327085633394c2298a649 Mon Sep 17 00:00:00 2001
From: Brian Ferry <bferry@redhat.com>
Date: Mon, 16 Oct 2023 14:36:31 -0400
Subject: [PATCH] docs(alert): inline scripts, heading tags fixing

---
 elements/pf-alert/demo/custom-icons.html |  3 +-
 elements/pf-alert/demo/inline.html       | 13 ++++-----
 elements/pf-alert/demo/kitchen-sink.html | 37 ++++++++++++------------
 elements/pf-alert/demo/pf-alert.html     |  7 +----
 elements/pf-alert/demo/plain.html        | 11 ++++---
 elements/pf-alert/demo/timeout.html      |  7 ++---
 elements/pf-alert/demo/truncated.html    |  9 +++---
 elements/pf-alert/demo/variants.html     | 11 ++++---
 8 files changed, 43 insertions(+), 55 deletions(-)

diff --git a/elements/pf-alert/demo/custom-icons.html b/elements/pf-alert/demo/custom-icons.html
index b946d2fff9..430be339fd 100644
--- a/elements/pf-alert/demo/custom-icons.html
+++ b/elements/pf-alert/demo/custom-icons.html
@@ -1,5 +1,4 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="pf-alert.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
 
 <pf-alert header="Custom icon">
   <pf-icon slot="icon" set="fas" icon="users" loading="idle"></pf-icon>
diff --git a/elements/pf-alert/demo/inline.html b/elements/pf-alert/demo/inline.html
index e511d55862..95bbf8dc14 100644
--- a/elements/pf-alert/demo/inline.html
+++ b/elements/pf-alert/demo/inline.html
@@ -1,9 +1,8 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="pf-alert.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
 
-<h1>
+<h2>
     Inline
-</h1>
+</h2>
 
 <pf-alert header="Default inline" inline></pf-alert>
 <pf-alert variant="info" header="Info inline" inline></pf-alert>
@@ -11,12 +10,12 @@ <h1>
 <pf-alert variant="warning" header="Warning inline" inline></pf-alert>
 <pf-alert variant="danger" header="Danger inline" inline></pf-alert>
 
-<h1>
+<h2>
     Inline Plain
-</h1>
+</h2>
 
 <pf-alert header="Default inline" inline plain></pf-alert>
 <pf-alert variant="info" header="Info inline" inline plain></pf-alert>
 <pf-alert variant="success" header="Success inline" inline plain></pf-alert>
 <pf-alert variant="warning" header="Warning inline" inline plain></pf-alert>
-<pf-alert variant="danger" header="Danger inline" inline plain></pf-alert>
\ No newline at end of file
+<pf-alert variant="danger" header="Danger inline" inline plain></pf-alert>
diff --git a/elements/pf-alert/demo/kitchen-sink.html b/elements/pf-alert/demo/kitchen-sink.html
index fefd3bb3a2..9a84450de1 100644
--- a/elements/pf-alert/demo/kitchen-sink.html
+++ b/elements/pf-alert/demo/kitchen-sink.html
@@ -1,5 +1,4 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="pf-alert.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
 
 <pf-alert header="Default alert title"></pf-alert>
 <pf-alert variant="info" header="Info alert title"></pf-alert>
@@ -7,9 +6,9 @@
 <pf-alert variant="warning" header="Warning alert title"></pf-alert>
 <pf-alert variant="danger" header="Danger alert title"></pf-alert>
 
-<h1>
-    Alert Variations 
-</h1>
+<h2>
+    Alert Variations
+</h2>
 
 <pf-alert header="Success alert title" variant="success" dismissable>
   <p>Success alert description. This should tell the user more information about the alert.</p>
@@ -41,9 +40,9 @@ <h1>
 
 <pf-alert header="Success alert title" variant="success" dismissable></pf-alert>
 
-<h1>
+<h2>
     Default Icons
-</h1>
+</h2>
 
 <pf-alert header="Custom icon">
   <pf-icon slot="icon" set="fas" icon="users" loading="idle"></pf-icon>
@@ -61,9 +60,9 @@ <h1>
   <pf-icon slot="icon" set="fas" icon="laptop" loading="idle"></pf-icon>
 </pf-alert>
 
-<h1>
+<h2>
     Plain
-</h1>
+</h2>
 
 <pf-alert header="Default plain" plain></pf-alert>
 <pf-alert variant="info" header="Info plain" plain></pf-alert>
@@ -74,9 +73,9 @@ <h1>
 <pf-alert variant="warning" header="Warning plain" plain></pf-alert>
 <pf-alert variant="danger" header="Danger plain" plain></pf-alert>
 
-<h1>
+<h2>
     Inline
-</h1>
+</h2>
 
 <pf-alert header="Default inline" inline></pf-alert>
 <pf-alert variant="info" header="Info inline" inline></pf-alert>
@@ -84,9 +83,9 @@ <h1>
 <pf-alert variant="warning" header="Warning inline" inline></pf-alert>
 <pf-alert variant="danger" header="Danger inline" inline></pf-alert>
 
-<h1>
+<h2>
     Plain
-</h1>
+</h2>
 
 <pf-alert header="Default inline" plain></pf-alert>
 <pf-alert variant="info" header="Info inline" plain></pf-alert>
@@ -94,9 +93,9 @@ <h1>
 <pf-alert variant="warning" header="Warning inline" plain></pf-alert>
 <pf-alert variant="danger" header="Danger inline" plain></pf-alert>
 
-<h1>
+<h2>
     Inline Plain
-</h1>
+</h2>
 
 <pf-alert header="Default inline" inline plain></pf-alert>
 <pf-alert variant="info" header="Info inline" inline plain></pf-alert>
@@ -104,15 +103,15 @@ <h1>
 <pf-alert variant="warning" header="Warning inline" inline plain></pf-alert>
 <pf-alert variant="danger" header="Danger inline" inline plain></pf-alert>
 
-<h1>
+<h2>
   Truncated Title
-</h1>
+</h2>
 
 <pf-alert style="width:100px;" truncate-title header="It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of light, it was the season of darkness, it was the spring of hope, it was the winter of despair."></pf-alert>
 
-<h1>
+<h2>
   Timeout
-</h1>
+</h2>
 
 <pf-button id="create-timeout-alert">Create default timeout alert</pf-button>
 <pf-button id="create-timeout-inline-alert">Create inline timeout alert</pf-button>
diff --git a/elements/pf-alert/demo/pf-alert.html b/elements/pf-alert/demo/pf-alert.html
index 1d765f572e..5439c06e0a 100644
--- a/elements/pf-alert/demo/pf-alert.html
+++ b/elements/pf-alert/demo/pf-alert.html
@@ -1,8 +1,3 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="pf-alert.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
 
 <pf-alert header="Default alert title"></pf-alert>
-<pf-alert variant="info" header="Info alert title"></pf-alert>
-<pf-alert variant="success" header="Success alert title"></pf-alert>
-<pf-alert variant="warning" header="Warning alert title"></pf-alert>
-<pf-alert variant="danger" header="Danger alert title"></pf-alert>
\ No newline at end of file
diff --git a/elements/pf-alert/demo/plain.html b/elements/pf-alert/demo/plain.html
index daa1230131..9e17e45c13 100644
--- a/elements/pf-alert/demo/plain.html
+++ b/elements/pf-alert/demo/plain.html
@@ -1,9 +1,8 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="pf-alert.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
 
-<h1>
+<h2>
     Plain
-</h1>
+</h2>
 
 <pf-alert header="Default plain" plain></pf-alert>
 <pf-alert variant="info" header="Info plain" plain></pf-alert>
@@ -14,9 +13,9 @@ <h1>
 <pf-alert variant="warning" header="Warning plain" plain></pf-alert>
 <pf-alert variant="danger" header="Danger plain" plain></pf-alert>
 
-<h1>
+<h2>
     Inline Plain
-</h1>
+</h2>
 
 <pf-alert header="Default inline" inline plain></pf-alert>
 <pf-alert variant="info" header="Info inline" inline plain></pf-alert>
diff --git a/elements/pf-alert/demo/timeout.html b/elements/pf-alert/demo/timeout.html
index 0ef3afedd6..cceb2c46b0 100644
--- a/elements/pf-alert/demo/timeout.html
+++ b/elements/pf-alert/demo/timeout.html
@@ -1,9 +1,8 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="timeout.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="timeout.js"></script>
 
-<h1>
+<h2>
   Timeout
-</h1>
+</h2>
 
 <pf-button id="create-timeout-alert">Create default timeout alert</pf-button>
 <pf-button id="create-timeout-inline-alert">Create inline timeout alert</pf-button>
diff --git a/elements/pf-alert/demo/truncated.html b/elements/pf-alert/demo/truncated.html
index fc8f67016a..bc621cb540 100644
--- a/elements/pf-alert/demo/truncated.html
+++ b/elements/pf-alert/demo/truncated.html
@@ -1,8 +1,7 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="pf-alert.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
 
-<h1>
+<h2>
   Truncated Title
-</h1>
+</h2>
 
-<pf-alert style="width:100px;" truncate-title header="It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of light, it was the season of darkness, it was the spring of hope, it was the winter of despair."></pf-alert>
\ No newline at end of file
+<pf-alert style="width:100px;" truncate-title header="It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of light, it was the season of darkness, it was the spring of hope, it was the winter of despair."></pf-alert>
diff --git a/elements/pf-alert/demo/variants.html b/elements/pf-alert/demo/variants.html
index f6839cd017..840365d64d 100644
--- a/elements/pf-alert/demo/variants.html
+++ b/elements/pf-alert/demo/variants.html
@@ -1,5 +1,4 @@
-<link rel="stylesheet" href="demo.css">
-<script type="module" src="pf-alert.js"></script>
+<link rel="stylesheet" href="demo.css"><script type="module" src="pf-alert.js"></script>
 
 <pf-alert header="Default alert title"></pf-alert>
 <pf-alert variant="info" header="Info alert title"></pf-alert>
@@ -7,9 +6,9 @@
 <pf-alert variant="warning" header="Warning alert title"></pf-alert>
 <pf-alert variant="danger" header="Danger alert title"></pf-alert>
 
-<h1>
-    Alert Variations 
-</h1>
+<h2>
+    Alert Variations
+</h2>
 
 <pf-alert header="Success alert title" variant="success" dismissable>
   <p>Success alert description. This should tell the user more information about the alert.</p>
@@ -39,4 +38,4 @@ <h1>
   <button slot="actions">Ignore</button>
 </pf-alert>
 
-<pf-alert header="Success alert title" variant="success" dismissable></pf-alert>
\ No newline at end of file
+<pf-alert header="Success alert title" variant="success" dismissable></pf-alert>