nekoapril.blog/kinklist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Early styling

Browse source
This commit is contained in:
April Eaton 2025-12-15 19:16:32 +01:00
parent b61db22369
commit 4b4b91a30a
5 changed files with 21 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
gear/gear.mjs
View file

@ -68,13 +68,14 @@ function bondageItemsToUl(items) {
}
/**
* @param {string} position
* @returns {Promise<HTMLElement>}
*/
async function generateGearListArticle() {
async function generateGearListArticle(position) {
let list = await getGearList();
let bondageItems = document.createElement("article");
bondageItems.setAttribute("id", "gl-body");
bondageItems.setAttribute("id", position);
let heading = document.createElement("h2");
heading.textContent = "Gear List";
bondageItems.appendChild(heading);
@ -111,5 +112,5 @@ function buildSection(items) {
export async function attachGearList(position) {
document
.getElementById(position)
.replaceWith(await generateGearListArticle());
.replaceWith(await generateGearListArticle(position));
}

3
gear/index.html
View file

@ -19,7 +19,6 @@
</head>
<body>
<header id="hd-box"></header>
This will be my gear
<article id="gl-body"></article>
<article id="main"></article>
</body>
</html>

2
gear/page.mjs
View file

@ -3,7 +3,7 @@ import { loadHTML } from "/global/loadin.mjs";
export function loadDependencies() {
loadHTML("hd-box", "/header/header.html");
attachGearList("gl-body");
attachGearList("main");
}
loadDependencies();