aboutsummaryrefslogtreecommitdiffstats
path: root/lib/migrate.js
diff options
context:
space:
mode:
Diffstat (limited to 'lib/migrate.js')
0 files changed, 0 insertions, 0 deletions
generated by cgit v1.2.3 (git 2.51.0) at 2026-11-07 02:03:50 +0000
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 
<script>
  import Image from "./Image.svelte";

  let {
    image,
    title,
    description = undefined,
    order = undefined,
    children
  } = $props();
</script>

<div class="block lg:flex justify-center lg:space-x-20 items-center">
  <Image
    {image}
    style="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order ===
      'reverse' && 'order-last'}"
  />
  <div class="w-full lg:w-1/2 max-w-3xl space-y-10 mx-auto lg:mx-0">
    <h3
      class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]"
    >
      {title}
    </h3>
    <p
      class="text-secondary text-xl font-medium w-full md:w-[500px] mx-auto lg:mx-0"
    >
      {#if description}
        {description}
      {:else}
        {@render children?.()}
      {/if}
    </p>
  </div>
</div>