changed iframes

This commit is contained in:
Ulysia 2024-10-14 12:39:34 +02:00
parent 99fc023e6b
commit 74878d30ad
3 changed files with 40 additions and 15 deletions

View file

@ -23,9 +23,9 @@ export default (() => {
{/* Render buttons of the current type */}
<div class="button-group">
{buttons.map((button, idx) => (
<a href={button.url} key={idx}>
<img src={button.image} alt={button.alt} title={button.title} />
</a>
<div key={idx} class="button-item">
{renderButtonContent(button)}
</div>
))}
</div>
{/* Add a horizontal line after the group except for the last one */}
@ -35,15 +35,6 @@ export default (() => {
}
return null
})}
{/* Include the iframe if needed */}
<iframe
src="//incr.easrng.net/badge?key=changeme"
style="background: url(//incr.easrng.net/bg.gif)"
title="increment badge"
width="88"
height="31"
frameborder="0"
></iframe>
</div>
)
}
@ -66,6 +57,25 @@ export default (() => {
return groups
}
// Function to render button content based on contentType
function renderButtonContent(button) {
const contentType = button.contentType || "image" // Default to 'image'
if (contentType === "image") {
return (
<a href={button.url}>
<img src={button.image} alt={button.alt} title={button.title} />
</a>
)
} else if (contentType === "iframe") {
const iframeAttrs = button.iframeAttributes || {}
return <iframe src={button.url} title={button.title} {...iframeAttrs}></iframe>
} else {
// Handle other content types if necessary
return null
}
}
// Use the existing style and add any additional styles if necessary
Btn8831.css = style

View file

@ -4,13 +4,28 @@
"url": "https://smolderg.xyz",
"alt": "\"They so small!\" in large letters accompanied by an arrow pointing at a tiny dragon in the corner of the image, surrounded by the smaller bits of text \"Wow!\" \"Look!\" and \"Pet them!\"",
"title": "\"They so small!\" in large letters accompanied by an arrow pointing at a tiny dragon in the corner of the image, surrounded by the smaller bits of text \"Wow!\" \"Look!\" and \"Pet them!\"",
"fren": true
"type": "friend",
"contentType": "image"
},
{
"url": "//incr.easrng.net/badge?key=changeme",
"alt": "Increment Badge",
"title": "Increment Badge",
"type": "misc",
"contentType": "iframe",
"iframeAttributes": {
"style": "background: url(//incr.easrng.net/bg.gif)",
"width": "88",
"height": "31",
"frameborder": "0"
}
},
{
"image": "https://assets.derg.cz/buttons/sirlan.png",
"url": "https://dragon-vi.be",
"alt": "Button with the text Sirlan which points to dragon-vi.be",
"title": "Sirlan, the adorable eastern derg",
"fren": true
"type": "friend",
"contentType": "image"
}
]

View file

@ -6,7 +6,7 @@
margin: 0 auto;
opacity: 1.0;
}
.button-group a {
.button-group a, .button-group iframe {
margin: 5px;
opacity: 1;
}