js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove header

Browse Source
This commit is contained in:
Cory LaViska
2025-06-13 09:51:54 -04:00
parent d4b569510e
commit 784c61379f
1 changed files with 0 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/webawesome/docs/assets/examples/themes/showcase.html
View File

@@ -21,9 +21,6 @@
const urlParams = new URLSearchParams(window.location.search);
const theme = urlParams.get('theme');
const colorScheme = urlParams.get('color-scheme');
const name = urlParams.get('name');
const description = urlParams.get('description');
const isPro = urlParams.get('isPro');
// Theme
if (theme) {
@@ -39,34 +36,9 @@
} else if (colorScheme === 'light') {
document.documentElement.classList.remove('wa-dark');
}
// Inject content after DOM loads
document.addEventListener('DOMContentLoaded', () => {
const nameElement = document.querySelector('[data-theme-name]');
const descriptionElement = document.querySelector('[data-theme-description]');
const freeBadge = document.querySelector('[data-free-badge]');
const proBadge = document.querySelector('[data-pro-badge]');
if (nameElement && name) {
nameElement.textContent = name;
}
if (descriptionElement && description) {
descriptionElement.textContent = description;
}
freeBadge.hidden = isPro;
proBadge.hidden = !isPro;
});
</script>
</head>
<body>
<header>
<h2 data-theme-name="name">Theme</h2>
<wa-badge data-free-badge appearance="outlined" variant="neutral" hidden>FREE</wa-badge>
<wa-badge data-pro-badge appearance="accent" hidden>PRO</wa-badge>
<p data-theme-description>Description</p>
</header>
<div class="showcase-examples-wrapper" aria-hidden="true" data-no-outline>
<div class="showcase-examples">
<wa-card>