Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-15 06:35:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add Codeable data

Browse source
This commit is contained in:
Sam Carlton 2022-07-01 12:59:50 -05:00
parent cf848c443f
commit 9062ee8d61
1 changed files with 35 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

43
components/ad-inline.vue
View file

@ -1,24 +1,29 @@
<template>
<div v-if="name !== 'default'">
<a href="https://amzn.to/3bllXrC">
<div
v-if="name !== 'default'"
class="w-full"
>
<a
:href="ad.url"
>
<div
class="relative border border-gray-700 rounded-lg shadow-lg flex overflow-hidden"
class="relative w-full border border-gray-700 rounded-lg shadow-lg flex overflow-hidden"
>
<div class="flex flex-col text-center">
<img
src="https://vumbnail.com/OKnUBs-Ko44.jpg"
:src="ad.imageSrc"
:alt="ad.imageAlt"
class="w-32 aspect-video object-cover"
alt="Skull figure with menacing red eyes"
>
</div>
<div class="flex flex-col justify-center text-center opacity-50 p-4">
New World: Carve Your Destiny
{{ ad.copy }}
</div>
<div
class="absolute bottom-0 right-0 border-t border-l rounded-tl uppercase opacity-25 px-1"
style="font-size: 0.45rem;"
>
Ads via Amazon
{{ ad.corner }}
</div>
</div>
</a>
@ -33,6 +38,23 @@
/* Carbon ads */
import CarbonInline from './carbon-inline.vue'
const ads = {
'new-world-1': {
url: 'https://amzn.to/3bllXrC',
imageSrc: 'https://vumbnail.com/OKnUBs-Ko44.jpg',
imageAlt: 'Skull figure with menacing red eyes',
copy: 'New World: Carve Your Destiny',
corner: 'Ads via Amazon'
},
'codeable-1': {
url: 'https://codeable.io/?ref=ZlTAB',
imageSrc: 'https://vumbnail.com/712179177.jpg',
imageAlt: 'Codeable logo',
copy: 'Keep Productivity High & Clients Happy',
corner: 'Ad'
},
}
export default {
components: {
CarbonInline
@ -42,6 +64,11 @@ export default {
type: String,
default: 'default'
}
}
},
computed: {
ad () {
return ads[ this.name ]
}
},
}
</script>