Usable version

First pass of what I'd call "usable" versions of the pages:
- Index
- About
- Tickets

There's some more work to be done in the year_con partial to represent each of the conference years.

The biggest change of this commit by far is the introduction/commonization of the partial 'features.html'. This is the behemoth of a partial that effectively gives us the options to show slide style content. At some point it might be advantageous to break it apart more, but it's relatively straightforward to include in a layout and start putting together pages.

layouts/partials/components/ticket_list.html

@@ -0,0 +1,114 @@
+{{ if .tickets }}
+<div class="container mx-auto px-4 py-12">
+  <div class="w-full">
+    {{ $tickets := .tickets }}
+    {{ range $index, $ticket := $tickets }}
+    <h2 class="text-3xl font-bold mb-8 {{ $ticket.title_class }}">{{ $ticket.title }}</h2>
+    <h4 class="text-xl {{ $ticket.subtitle_class }}">{{ $ticket.subtitle }}</h2>
+    {{/*  <div class="columns-3s">  */}}
+    <div id="pricing"
+        class="grid grid-cols-1 gap-4 mt-4 leading-7 text-gray-900 border-0 border-gray-200 sm:mt-6 sm:gap-6 md:mt-8 md:gap-4 lg:grid-cols-3 {{ $ticket.section_class }}">
+      {{ range $option_index, $option := $ticket.options }}
+
+      <!-- Ticket options -->
+      {{/*  <div class="rounded-lg shadow-md p-6">
+        <h2 class="text-xl font-semibold mb-2">{{ $option.name }}</h2>
+
+        <div class="flex justify-between items-center mb-4">
+          <span class="text-lg">{{ $option.title }}</span>
+          <span class="font-bold text-2xl">${{ $option.price }}</span>
+        </div>
+
+        {{ with $option.button }}
+        <a href=""
+          class="bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded mt-4 transition duration-300">
+          Register Now
+        </a>
+        {{ end }}
+
+        <h3 class="text-xl font-semibold mt-6">Features</h3>
+        <ul>
+          {{ range $feature := $option.features }}
+          <li class="{{ $feature.text_class }}">{{ $feature.text }}</li>
+          {{ end }}
+        </ul>
+      </div>  */}}
+
+    <div class="relative z-10 flex flex-col items-center max-w-md p-4 mx-auto my-0 border border-solid rounded-lg sm:my-0 sm:p-6 md:my-4 md:p-6">
+    <p class="m-0 text-lg leading-tight tracking-tight border-0 border-gray-200 {{ $option.name_class }}">
+      {{ $option.name | markdownify }}
+    </p>
+    <h3 class="m-0 text-2xl font-semibold leading-tight tracking-tight border-0 border-gray-200 sm:text-3xl md:text-4xl {{ $option.title_class }}">
+      {{ $option.title | markdownify }}
+    </h3>
+    <div class="flex items-center mt-4 leading-7 border-0 border-gray-200">
+      {{ if $option.original_price }}
+      <p class="box-border m-0 -ml-8 mr-2 text-light line-through text-2xl font-semibold leading-none border-solid">
+        {{ $option.original_price | markdownify }}
+      </p>
+      {{ end }}
+
+      <p class="text-3xl">$</p>
+      <p class="box-border m-0 text-6xl font-semibold leading-none border-solid {{ $option.price_class }}">
+        {{ $option.price | markdownify }}
+      </p>
+    </div>
+    <ul class="flex-1 p-0 mt-4 leading-7 text-gray-900 border-0 border-gray-200 {{ $option.features_class }}">
+      {{ range $feature_index, $feature := $option.features }}
+      <li class="inline-flex items-center block w-full mb-2 font-semibold text-left border-solid">
+        <span class="{{ $feature.text_class }}">{{ $feature.text }}</span>
+      </li>
+      {{ end }}
+    </ul>
+    <a href="{{ $option.button.url }}"
+      class="inline-flex justify-center w-full px-4 py-3 mt-8 font-sans text-sm leading-none text-center no-underline sm:text-base md:text-lg {{ $option.button.class }}">
+      {{ $option.button.title }}
+    </a>
+    {{ if $option.button.alt_url }}
+      <a href="{{ $option.button.alt_url }}" class="{{ $option.button.alt_class }}">
+        {{ $option.button.alt_title }}
+      </a>
+    {{ end }}
+  </div>
+
+      <!-- / Ticket options -->
+
+      {{ end }}
+    </div>
+    {{ end }}
+    {{/* {{ if .options }}
+    {{ range $index, $ticket := .options }}
+    <li class="bg-white rounded-lg shadow-md p-6">
+      <h3 class="text-xl font-semibold mb-2">{{ $ticket.title }}</h3>
+      <p class="mb-4">{{ $ticket.subtitle }}</p>
+
+      <div class="flex justify-between items-center mb-4 border-b pb-2">
+        <span class="text-gray-600">Price:</span>
+        <span class="font-bold text-green-500">${{ $ticket.price }}</span>
+      </div>
+
+      {{ if hasPrefix $ticket.button.title "Register" }}
+      <a href="{{ $ticket.button.url }}"
+        class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full w-full">
+        Register Now
+      </a>
+      {{ end }}
+
+      <ul class="mt-4 space-y-2">
+        {{ range $featureIndex, $feature := $ticket.features }}
+        <li class="flex items-center justify-between">
+          <span class="text-gray-600">{{ $feature.text }}</span>
+          {{ if hasPrefix $feature.text_class "font-" }}
+          <span class="{{ $feature.text_class }}">{{ $feature.text }}</span>
+          {{ else }}
+          <span>{{ $feature.text }}</span>
+          {{ end }}
+        </li>
+        {{ end }}
+      </ul>
+    </li>
+    {{ end }}
+    {{ end }} */}}
+  </div>
+</div>
+{{ end }}