Drinking & Dragons

Difference between revisions of "Template:CampaignCard"

From Drinking and Dragons
 
(8 intermediate revisions by the same user not shown)
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 !m-0 block"]]
</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="text-xs"><span class="rounded-full bg-grayDarker text-white px-1.5 py-1 font-medium text-gray-600 leading-none">{{{gamesystem}}}</span></p>
<span class="text-gray-500">{{{date}}}</span>
<p class="!mt-0 !mb-0 text-xl 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>
</div>
<p class="flex items-center gap-x-4 text-xs !mt-0"><span>{{{date}}}</span></p>
<!-- End date and system -->
<!-- Start title -->
<div class="group relative">
<h3 class="mt-4 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 18:10, 6 June 2024

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

{{{gamesystem}}}

{{{campaign}}}

GM: {{{gm}}}

{{{date}}}