Drinking & Dragons

Difference between revisions of "Template:CampaignCard"

From Drinking and Dragons
 
Line 1: Line 1:
<div class="flex flex-col items-start justify-between">
<div class="max-w-lg campaignCard">
<!-- Start image -->
<!-- Start image -->
<div class="relative w-full">
<div class="relative w-full">
[[{{{imagePath}}}|class="w-full rounded bg-gray-100 object-cover "]]
[[{{{imagePath}}}|class="w-full rounded bg-gray-100 object-cover"]]
</div>
</div>
<!-- End image -->
<!-- End image -->
<!-- Start content -->
<!-- Start content -->
<div class="max-w-xl">
<div>
<!-- Start date and system -->
<!-- Start date and system -->
<div class="mt-2 flex items-center gap-x-4 text-xs">
<p class="flex items-center gap-x-4 text-xs !mt-0"><span>{{{date}}}</span><span class="rounded-full bg-grayDarker text-white px-3 py-1.5 font-medium text-gray-600">{{{gamesystem}}}</span></p>
<p class="!m-0"><span class="text-gray-500">{{{date}}}</span>
<p class="!mt-0 !mb-0 text-3xl font-semibold leading-tight text-gray-900">{{{campaign}}}</h3>
<span class="relative z-10 rounded-full bg-gray-100 px-3 py-1.5 font-medium text-gray-600">{{{gamesystem}}}</span>
<p class="font-semibold text-gray-900 text-sm !m-0"><span class="text-gray-500">GM: </span>{{{gm}}}</p>
</p>
</div>
<!-- End date and system -->
<!-- Start title -->
<div class="group relative">
<h3 class="!mt-4 !mb-0 text-lg font-semibold leading-6 text-gray-900 group-hover:text-gray-600">{{{campaign}}}</h3>
</div>
<!-- End title -->
<!-- Start GM -->
<div class="relative mt-4 flex items-center gap-x-2">
<div class="text-sm leading-6">
<p class="font-semibold text-gray-900 !m-0"><span class="text-gray-500">GM: </span>{{{gm}}}</p>
</div>
</div>
<!-- End GM -->
</div>
</div>
<!-- End content -->
<!-- End content -->
</div>
</div>

Latest revision as of 14:53, 13 February 2024

[[{{{imagePath}}}|class="w-full rounded bg-gray-100 object-cover"]]

{{{date}}}{{{gamesystem}}}

{{{campaign}}}

GM: {{{gm}}}