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

Compare commits

base: nekoapril.blog:4b4b91a30acc3e53a874daf23b175982e81ac01b
Branches Tags
nekoapril.blog:main
nekoapril.blog:prod
..
compare: nekoapril.blog:a49f96f827a0d62328750a8889f7739a51b4853f
Branches Tags
nekoapril.blog:main
nekoapril.blog:prod

No commits in common. "4b4b91a30acc3e53a874daf23b175982e81ac01b" and "a49f96f827a0d62328750a8889f7739a51b4853f" have entirely different histories.
4b4b91a30a ... a49f96f827

6 changed files with 7 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

7
gear/gear.mjs
View file

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

3
gear/index.html
View file

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

2
gear/page.mjs
View file

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

20
global/global.css
View file

@ -7,24 +7,4 @@ body {
font-style: normal; font-style: normal;
font-variation-settings: "wdth" 100; font-variation-settings: "wdth" 100;
font-size: 16pt; font-size: 16pt;
margin: 0;
min-height: 100svh;
height: 100svh;
display: flex;
flex-direction: column;
align-items: center;
background-color: #1e2030;
color: #cad3f5;
}
#main {
max-width: 40rem;
width: 100%;
height: 100%;
margin: 0.25rem;
margin-top: 0;
padding: 0.25rem;
border-left: solid 2px #c6a0f6;
border-right: solid 2px #c6a0f6;
} }

7
header/header.css
View file

@ -10,11 +10,9 @@ header {
width: calc(100% - 1.5rem); width: calc(100% - 1.5rem);
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
margin-top: 0.5rem;
padding: 0.5rem; padding: 0.5rem;
border-width: 3px; border-width: 3px;
border-style: solid; border-style: solid;
border-color: #c6a0f6;
position: sticky; position: sticky;
top: 0; top: 0;
@ -43,9 +41,4 @@ header {
width: 2rem; width: 2rem;
display: block; display: block;
} }
a {
text-decoration: none;
color: #cad3f5;
}
} }

2
index.html
View file

@ -27,6 +27,6 @@
</p> </p>
<![endif]--> <![endif]-->
<header id="hd-box"></header> <header id="hd-box"></header>
<article id="main">Look ma, I'm horny!</article> Look ma, I'm horny!
</body> </body>
</html> </html>