akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-24 15:47:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Advertise minecraft live bingo

Browse Source
This commit is contained in:
Misode
2022-10-15 07:23:16 +02:00
parent 3e8bc21a1e
commit 02e28d4d4b
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/components/Ad.tsx
View File

@@ -7,6 +7,24 @@ type AdProps = {
id: string,
}
export function Ad({ type, id }: AdProps) {
if (type === 'text') {
return <div data-ea-publisher="misode-github-io" data-ea-type="text" class="ad dark flat loaded">
<div class="ea-placement ea-type-text">
<a href="https://misode.github.io/bingo/" target="_blank">
<div class="ea-content" style="display: flex; gap: 6px; align-items: center;">
<img height="36" src="https://misode.github.io/bingo/assets/icon.png" alt="Minecraft Live Bingo logo" />
<div class="ea-text">
<strong>Bingo!</strong>
<span> Generate your own random bingo card to fill out as you watch </span>
<strong> Minecraft Live 2022!</strong>
</div>
</div>
</a>
<div class="ea-callout"><a rel="nofollow noopener" target="_blank" href="https://github.com/misode">Ad by Misode</a></div>
</div>
</div>
}
useEffect(() => {
document.getElementById('ad-placeholder')?.remove()
if ('ethicalads' in window) {
@@ -14,5 +32,5 @@ export function Ad({ type, id }: AdProps) {
}
}, [])
return <div data-ea-publisher="misode-github-io" data-ea-type={type} class="ad dark flat" id={id}></div>
return <div data-ea-publisher="misode-github-io" data-ea-type={type} class="ad dark flat loaded" id={id}></div>
}